@mukzer

Как сделать такие линии по бокам текста?

Как сделать такие горизонтальные серые линии возле текста? (Адаптивно)
60f1657f20642219095298.jpeg
https://codepen.io/Mukzer/pen/jOmmPBy?editors=0100
  • Вопрос задан
  • 87 просмотров
Пригласить эксперта
Ответы на вопрос 1
@Anton_Shuklin
Web-разработчик, учусь разработке игр на Unity
Можно сделать так:
добавить два элемента
между этими элементами сделать блок с текстом
разместить все элементы с помощью флексбокс
HTML:
div class="container"
hr
div class="text"Кухня по вашим предпочтениям/div
hr/
/div
CSS:
.container{
display: flex;
justify-content: space-around
}
.line{
width: ширина по вашему предпочтению;
color: red;
}
.text{
padding: 0
}
UPD: убрал символы < и >, так как теги не отображаются в ответе
Ответ написан
Ваш ответ на вопрос

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

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