Как сделать такую рамку?

Question

[Vell12]

Answer 1

[HamSter]

1
2
3
4
5
...

Answer 2

[Егор Рублёв]

самый простой способ картинкой, но через css это after и before
https://jsfiddle.net/salofun/rkh5fv3b/

Answer 3

[Максим Тимофеев]

.myblock {border:2px solid #fff; border-top:none;}
а в блоке 2 hr (или span) и h2 между ними. Их в div и поднять его отрицательным отступом
можно также для h2 прописать after и before текст центрировать, а их растягивать и дать им border bottom и height в половину от line-height h2

Answer 4

[Сергей Горячев]

Ооо))) Я с этого начинал свое знакомство с Тостером)))
Как сверстать такой блок: нетиповая обводка?
Посмотрите ответы там, для вашего решения также подойдут)
Вам только нужно добавить нижний бордер к решениям.

Comments

[DTX]

Там адекватное решение только с прозрачностью. Оно тут не поможет

[Сергей Горячев]

DTX: jsfiddle.net/webirus/w61r9ejj/3
Вполне подходит, только нужно чуть чуть подвинуть псевдоэлементы.
Левый - на 3 пикселя вниз и на 5 пикселей влево.
Правый - на 3 вниз и на 5 вправо.
И получится как раз то, что вам нужно.

[Сергей Горячев]

DTX: Точней не вам, а автору топика. Перепутал топикстартера.

[DTX]

Sergey Goryachev: да, не подумал, что у блока нижнюю границу можно сделать. Тогда норм)