相关疑难解决方法(0)

我想知道在xhtml 1.0 strict中有什么选项可以在文本的两边创建一条线 - 所以:

Section one
----------------------- Next section -----------------------
Section two

我想过做一些像这样的奇特事情:

<div style="float:left; width: 44%;"><hr/></div>
<div style="float:right; width: 44%;"><hr/></div>
Next section

或者,因为上面的对齐问题(垂直和水平):

<table><tr>
<td style="width:47%"><hr/></td>
<td style="vertical-align:middle; text-align: center">Next section</td>
<td style="width:47%"><hr/></td>
</tr></table>

这也有对齐问题,我解决这个问题:

<table><tr>
<td style="border-bottom: 1px solid gray; width: 47%">&nbsp;</td>
<td style="vertical-align:middle;text-align:center" rowspan="2">Next section</td>
<td style="border-bottom: 1px solid gray; width: 47%">&nbsp;</td>
</tr><tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr></table>

除了对齐问题之外,这两个选项都感觉"有点",如果你以前碰巧看过这个问题并且知道一个优雅的解决方案,我会非常感激.

想象一下,我有任何带有文本的块或内联块.像段落或李或其他什么.如果该标记具有"分隔符"类,我希望它显示如下:

所有内容都居中(text-align:center;就足够了).这是一个棘手的部分:在居中内容的两侧,出现一条(垂直居中的)线.

下图说明了我的想法:

如果我必须引入更多HTML,那么就忘掉它 - 不感兴趣.

我是一个很长时间的CSS用户,但我无法想象这一个......其他人有个主意吗？尽管我喜欢它,但最好没有CSS3(因为工作......因为兼容性而无法使用新的东西)..

示例问题: <p class="separator">CENTRE ME</p>

我正在寻找一些解决方案,以便我可以制作这样的东西:

-----------我的文字--------------在HTML/CSS中.所以我需要在我的文本之前和之后使用hr标签.

任何人都知道如何解决这个问题？

如何在现有div中的文本左侧和右侧设置HR样式？

像这样的东西:

--- Header Stuff -----------------------------------