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

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

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

Войти через центр авторизации
Похожие вопросы
22 февр. 2019, в 16:09
2000 руб./за проект
22 февр. 2019, в 15:52
100000 руб./в месяц
22 февр. 2019, в 15:49
8000 руб./за проект