<html>
<head>
<title></title>
<style type="text/css">
*{
padding: 0;
margin:0;
}
.line{
display: inline-block;
width: 40px;
border-top: 1px solid #f00;
vertical-align: middle;
*margin-top: 12px;
}
.txt{
font-size: 24px;
margin: 0 26px;
}
</style>
</head>
<body>
<p>
<i class="line"></i><span class="txt">this is a span.</span><i class="line"></i>
</p>
</body>
</html>
注：像Firefox等现代浏览器可使用vertical-align属性。而IE6、IE7不识别vertical-align属性，故设置*margin-top:12px，加*的属性是专门给IE6、IE7使用的。这样即解决浏览器兼容性的问题了。
时间： 2024-11-08 19:09:13