论坛

标题: 文字位置不对 [打印本页]

作者: 红尘阑珊 时间: 2017-9-10 16:31
标题: 文字位置不对
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>腾龙嘉业有限公司</title>
<link href="style/webstyle.css" rel="stylesheet" type="text/css">
</head>

<body>
<div class="head">
<a href="#" class="logo"><img src="images/logo.png" alt=""></a>
<div class="hdright">
<div class="text"><a href="#">EN</a> | <a href="#">收藏本店</a>  | <a href="#">企业邮箱</a> </div>
<div class="tel">咨询电话：400-8888 8888</div>
</div>
</div>
</body>
</html>

CSS样式：
* {
margin: 0px;
padding: 0px
}
.head {
width: 1100px;
height: 100px;
background: #33CCCC;
margin:0px auto
}
.head .logo{ float:left; margin:15px;
}
.hdright{ float:right; text-align:right;}
.hdright .text{ margin:30px; font-size:12px; color:#ccc;}
.hdright .text a{ color:#333}
.hdright .tel{ margin-top:4px; color:#888; font-size:14px; }

[attach]105980[/attach]

大神帮我看下，为什么咨询电话的位置不对，看好好几遍也没看出代码哪儿的问题

这个是老师做的：[attach]105981[/attach]，我代码是按照老师的写的，但是显示位置不一样

作者: 红尘阑珊 时间: 2017-9-10 17:10
找出问题来了

欢迎光临论坛 (http://bbs.qinxue.com/)