Как можно реализовать обрывистый бордер у блока с элементом, с помощью css?

Question

[Subisu]

Как это можно реализовать не прибегая к svg и картинкам?
Возможно есть статьи на эту тему, посоветуйте пожалуйста что-нибудь.

Answer 1

[Дмитрий]

Можно так
https://jsfiddle.net/soledar10/r1wr1bgk/

Comments

[Subisu]

Большое спасибо, то что нужно!

Answer 2

[Виктор Виктор]

1 делаешь блок с желтой границей снизу и по бокам
2 добавляешь див со спаном с заголовком
3 добавляешь спану псевдоелементы бефор и афтер
4 поднимаешь этот див абсолютным позиционированием на нужный уровень
5 ....
6 профит

Такой техникой подобный текст в разрыв бордюра можно поставить как сверху блока так и снизу и по бокам

codepen.io/anon/pen/JGXYjw (c)

Answer 3

[Дима Паутов]

https://www.google.ru/webhp?sourceid=chrome-instan...

Comments

[Subisu]

Спасибо!