CSS を使用<hr>
して、ページ上の要素の外観を変更したいと考えています。水平線の代わりに、各要素を 3 つのアスタリスクのセットとして表示したいと考えています。次のようなものを使用してそれを達成できます。
hr {
border: none;
margin: 3.0rem auto;
width: 5rem;
}
hr:before {
content: "***";
letter-spacing: 1rem;
}
(ここでフィドル。)
問題は、この生成されたコンテンツを水平方向の中央に表示することです。の「幅」プロパティを微調整することで、多かれ少なかれ中央に配置できます<hr>
が、これはハックで柔軟性がないと感じます。このコンテンツを中央に配置する必要があることをブラウザに伝える方法はありますか?