Как правильно подобное реализовать?
2 ответа
Я бы использовал ::before
& ::after
, оформленные в виде точек и размещенные по краям через 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>