使用css的行之间的文本

Question

需要使用css帮助处理行之间的文本。我尝试了一个代码但它在我的页面上强制背景颜色为白色。我正在寻找这样的东西。谢谢。

http://i.stack.imgur.com/gvqSn.jpg

Answer 1

你可以做这样的事情，

h2 {
  line-height: 50px; 
}

h2:before, h2:after {
  width:250px;
  height: 8px;
  line-height: 25px;
  display: inline-block;
  content: " ";
  border-bottom: 1px solid #000;
  vertical-align: text-top;
}

http://jsfiddle.net/7jGHS/2168/