Как реализовать горизонтальные линии посредством псевдоклассов :after, :before?

Question

[gcj]

Привет, народ.
Что должно быть:


Что пробовал:
jsfiddle.net/4bszr3mn

Не получается так, как нужно. Плюс ко всему фиксированные размеры (даже в %) несколько мешают адаптивности.
max-width, естественно, не отображается в данном случае.
как быть?

Answer 1

[Евгений Петров]

Как грамотно стилизовать h1 средствами CSS?