Как сделать подобную границу(бордер)?

Question

[Дмитрий Гормаш]

Здравствуйте! Как делаются такие вот бордеры с тайтлом по центру топ линии, который приведен на рисунке?

Answer 1

[Дмитрий Новиков]

ну тут возможны два варианта.
1. заголовок - это контейнер с отступами, у которого фон такой же как у родителя, и спозиционирован абсолютно так же
2. заголовок и горизонтальные линии - это div'ы с float:left;, а контейнер с текстом под ними имеет border-right, border-left и border-bottom, но не имеет border-top

Answer 2

[Артур]

codepen.io/r3st1k25/pen/pjPLxV

Answer 3

[Алексей Николаев]

Попробуйте решение из этого вопроса. Как раз то, что вам, возможно, и требуется.