0

введите сюда описание изображения

Как правильно подобное реализовать?

1
  • можно через псевдоэлементы before & after
    – user190134
    13 авг 2016 в 11:47

2 ответа 2

3

Как вариант можно через мнемонику в HTML&bull

<p>&bull;История &bull;</p>
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>

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.