如何使用CSS在中间使用单词制作水平线？

Question

任何人都知道如何使用CSS在中间创建水平线？

设计如下所示：

---------------- Title ------------------

Answer 1

如果我能正确理解您的问题，可以使用<strike>标记。

<strike>不支持HTML5标记。对于HTML5，请使用<del>代码。

如果你的意思是中间有单词的水平线...试试这个：

HTML：

<h2><span>THIS IS A TEST</span></h2>
<p>this is some content other</p>

CSS：

h2 {
   width: 100%; 
   text-align: center; 
   border-bottom: 1px solid #000; 
   line-height: 0.1em;
   margin: 10px 0 20px; 
} 

h2 span { 
    background:#fff; 
    padding:0 10px; 
}

的jsfiddle：

http://jsfiddle.net/S5y2x/

以上代码的致谢：https://stackoverflow.com/a/5214204/3739658

我在Firefox和Chrome上测试了它