如何用CSS在中间形成单词的水平线？ 有人知道如何用CSS？

设计如下所示：

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

---

如果我正确理解您的问题，可以使用

标记

HTML5中不支持

标记。对于

HTML5

使用

标记

如果你指的是中间有单词的水平线…试试这个：

HTML:

JSFiddle：

上述代码的学分：

---

我在Firefox和Chrome

上测试，像是在中间还是垂直中间，但是在文本的左边和右边？可能的重复可能也是有用的。

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

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; 
}