Задать вопрос
@rmkk
javascript

Можно ли нарисовать обводку которая будет прерываться (обводка в форме прямоугольника)?

Можно ли как-то реализовать такой элемент?
wjGmmEZ_S6yufww6Z_56SQ.png
При условии, что будет использован неоднородный фон (т.е. подложить под заголовк фон - не мой случай).

Заголовки будут разной длинны, хочу понять, можно ли такой элемент сверстать правильно (удобно)
  • Вопрос задан
  • 315 просмотров
Комментировать
Подписаться 2 Средний Комментировать
Решения вопроса 1
rockon404
@rockon404
Frontend Developer
Используйте элементы fieldset и legend
Пример https://jsfiddle.net/7bu94x90/
Для позиционирования legend относительно левого края используйте margin-left
Вообще fieldset задумывался для разделения форм на блоки, но вы вольны использовать его везде где можно использовать блочные элементы. Html будет валидным.
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Доработка парсера
23 апр. 2024, в 19:21
300 руб./за проект
Верстка сайта
23 апр. 2024, в 19:05
15000 руб./за проект
Создать учебный сайт на React
23 апр. 2024, в 19:01
7000 руб./за проект
Ещё заказы