CSS 位置 :absolute problem

Question

我有一些 CSS 问题。这就是我需要的。

无论标题有多少个字(例如:标题可以是What's new today?，可以是hello world)

总是有一条背景线贯穿整个div，字的背景是白色的。 (这个词应该是 text-align:center; 并且它的背景看起来像虚线)

这是我的代码:

<style> 
.ocell {
width:960px;
height:42px;
text-align:center;
padding: 20px 0 20px 0;
}
.wd {
margin: 0 auto;
background-col: white;
margin-left: -10px;
padding: 5px;
}
.line {
position: absolute;
border-bottom: solid 1px #999;
margin-top:-18px;
width: 960px;
}
</style> 
<div class="ocell">
<div class="wd">Title</div>
<div class="line"></div>
</div>

也在http://jsfiddle.net/zApLA/也可以使用 background-image 代替行。谢谢。

Answer 1

这可以通过简单地使用带有 border-bottom 的 div 来实现，并在该行上定位带有文本的元素。 Fiddle here .