Как сделать текст поверх границы элемента?

Question

[Денис Букреев]

Давным-давно слыхал, что есть специальный тег для этой цели, думал: "Кому это надо, бред", а теперь вот понадобилось мне.

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

Comments

[fibo_laugh]

используй элемент fieldset в котором будет элемент legend(он и располагается поверх границы)

Answer 1

[Anna_BS]

Возможно ли технически сверстать нарисованный блок с динамической границей для responsive верстки?
Как реализовать не стандартные (обрезанные) границы в блоке,за которым имеется цветной фон?
или
codepen.io/Anna_Batura/pen/EPyqXB

Comments

[Денис Букреев]

legend - то, что надо)

[frontender]

legend для форм

[Денис Букреев]

frontender: нормально работает shaving.bookreev.com

[frontender]

прикольно, это валидно для html5.

Answer 2

[frontender]

sup?

Comments

[Денис Букреев]

нет
есть блок, а у него заголовок, который по вертикали выровнен с границей блока

[frontender]

может схематически это как то изобразите?не совсем понимаю

[Денис Букреев]

frontender: добавил скрин в вопрос
ранее я справлялся позиционированием и ставил у заголовков фон как у блока, но тут у блока фоновое изображение, поэтому перекрыть границу не получится

[frontender]

есть legend, но он для форм. такого тега для подобных ситуаций нет.
попробуй так: codepen.io/anon/pen/ZQOgJw