html - 将 div 置于文本之上

Question

我一直在尝试，但我真的不知道如何解决这个问题:
我需要像这样设置内容标题的样式:现在，我一直在尝试使用 position:absolute 一些其他的东西，但它似乎不起作用。

我的代码:

 <div class="content_item">
      <div class="double_line"></div>
      <h2>Ce facem</h2>
 </div>

CSS:

.content_item>div{
border-top: 2px solid #c2c1c1;
border-bottom: 2px solid #a5a4a4;
display:inline-block;
width:100%;
height:5px;
position: absolute;
}
.content_item>h2{
    text-align: center;
    background-color: #ffffff;
}

所以我想要的是将文本放在线上，并在文本上放置白色背景。 fiddle :http://jsfiddle.net/Qu849/

你能帮帮我吗？

Answer 1

这个 fiddle 有点管用: http://jsfiddle.net/Qu849/4/

无论如何，我不会为此目的编写该代码。考虑一下:只需使用带有 background image (repeat-x) 和那些“边框”

的 div

在该 div 中使用一个 span，居中，并带有 background:#fff;

那就更好了。

编辑

检查@drip 答案以执行我描述的操作:https://stackoverflow.com/a/20070686/2600397