Как сверстать заголовок с двойный бордером?

Question

[vladHD]

Всем привет, собсвенно вопрос как кроссбраузерно и красиво сделать данный элемент ?


т.е заголовок выровненный по левому краю с таким двойным бордером... на ум приходит только сделать элемент на афтере ( и задать ему этот бекграунд в виде двух этих полосок)

Comments

[vladHD]

а как их две тогда сделать ?

[Дмитрий Кравченко]

vladHD: border-bottom, border-top

Answer 1

[Александр Зачиналов]

jsfiddle.net/aauvt156/1

Comments

[Александр Зачиналов]

да, не подумал) вынесите в отдельное решение

[vladHD]

SelenIT2: класс!! а как с кроссбраузерностью ?

[Александр Зачиналов]

Chrome + Opera и Safari 9 норм на маке, на linux в firefox тоже ок, проверьте в ie, но должно все быть хорошо, потому как ничего специфического нет здесь

[Александр Зачиналов]

SelenIT2: хотя для вашего решения, я бы добавил еще vertical-align:middle и margin-left: 5px для after, чтобы целиком по дизу было

Answer 2

[Ленар Фаттахов]

border-style: double, плохо кастомизируется, но иногда его хватает