How to properly implement this?
2 answers
I would use ::before & ::after , decorated in the form of points and placed along the edges through position: absolute .
.dotted{ color: blue; text-transform: uppercase; width: 100px; height: 20px; padding: 20px; position: absolute; text-align: center; } .dotted::after, .dotted::before{ content: "●"; position: absolute; } .dotted::before{ left: 0; } .dotted::after{ right: 0; } <div class="dotted">История</div> 
Ivan Pshenitsyn Ivan Pshenitsyn
4,400 7 silver marks 30 bronze marks
|
As an option you can through mnemonics in HTML &bull
<p>•История •</p> 
zkolya zkolya
819 1 golden mark 8 silver marks 20 bronze marks
|