您将如何为此设计HTML标记

Question

我想制作类似水平线的东西,中间有文字.它应该看起来像这样(文本图像如下):

------------------------------------------ TEXT ------- -------------------------------------

该行应该点缀,中间的文本应该将行分成两半.

我提出了使用带有3个元素的表的想法,其中宽度属性中包含百分比值,但可能有更好的解决方案.

我希望它很清楚.谢谢你的想法

Answer 1

<div id="line"><span>TEXT</span></div>

和CSS:

#line{
    border-bottom: 1px black dotted;
    overflow:visible;
    height:9px;
    text-align:center;
    margin: 5px 0 10px 0;
}
#line span{
    background-color: white;
    text-align:center;
    padding: 0 5px;
}

请参阅JSFiddle上的示例