@olya_097

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

5e314b34afafa051873812.png
  • Вопрос задан
  • 182 просмотра
Решения вопроса 1
delphinpro
@delphinpro Куратор тега Вёрстка
frontend developer
Пригласить эксперта
Ответы на вопрос 1
fallus
@fallus
<div class="ultra__title">Ла-ла-ла</div>

.ultra__title {
    position: relative;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px;
    --titleMargin: 15px;
}

.ultra__title::before,
.ultra__title::after {
    content: '';
    display: block;
    height: 3px;
    background: #000;
    width: 5%;
}

.ultra__title::before {
    margin-right: var(--titleMargin);
}

.ultra__title::after {
    margin-left: var(--titleMargin);
}
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы