@Hello00
Люблю программирование

Как сверстать такой border?

как правильно сверстать такой border ?
5c62ba08274af898699591.png
Пробовал задавать общий border у блока,после чего поднимал в верх h2, и менял у h2 background. Но это костыль,и при адаптиве все плывет.
  • Вопрос задан
  • 296 просмотров
Решения вопроса 2
Vlad_IT
@Vlad_IT Куратор тега CSS
Front-end разработчик
Есть такая крутая парочка, как fieldset и legend. Вместе они могу решить вашу проблему.
https://jsfiddle.net/Vlad_IT/456or0gn/
задаете белый отступ через padding для legend, а рамочку через border для fieldset.
fieldset по спецификации создал для группировки полей ввода формы, поэтому для такой задачи его использовать не семантично. Можно сделать на флексах https://jsfiddle.net/jwux9kg0/5/
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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