消息分隔符，在一个标记中更快

Question

我有消息分隔符，但我认为可以更快地完成：

<div style="border-top: 1px solid black; width: 33%; float: left;margin-top: 30px;"></div>
<div style="float: left; margin-top: 25px; width: 33%; text-align: center;">Dzisiaj</div>
<div style="border-top: 1px solid black; margin-top: 30px;width: 33%; float: right;"></div>
<br />

结果很好：

---------- Dzisiaj -----------

但我想这样做：

<span class="delimiter">Dzisiaj</span>

有没有办法做到这一点？

Answer 1

这为您提供了固定宽度的边框，但我认为它不适用于百分比宽度：

<div style="border-left: 100px solid black; border-right: 100px solid black; text-align: center; line-height: 1px; margin: 0.5em 0;">Dzisiaj</div>