html - hr 内の html エンティティから正方形を使用する

Question

私は自分の時間をスタイリングしています。そのために、このキャラクター§を中央に配置しています。これはコードです

hr.style-eight:after {
 content: "§";
 display: inline-block; 
position: relative;
 top: -0.7em;
 font-size: 1.5em;
 padding: 0 0.25em;
 background: white; 
}

正方形の文字のいくつかの文字エンティティのチート シートを見てきましたが、これまでのところ何もありません。使用できる既存の html または html5 エンティティに正方形の文字がありますか、または正方形を生成できる css3 の代替方法はありますか?

Answer 1

HTML5 Character Entity Referenceから（すでに見たと思われる）：

□
□ □ □
□
□

次のものもあります。

▪
▪ ▪ ▪ ▪
▪
▪

Answer 2

境界線を使用しますか?

CSS

h1:after{
    content:'';
    display: inline-block;
    width: 5px;
    height: 5px;
    border: 1px solid black;
}

フィドル