html - メッセージ区切り文字、1 つのタグで高速化

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>