Псевдоэлементы BEFORE и AFTER. Как сделать, что бы они растягивались по границам родительского блока?

Question

[Pavel K]

В общем сабж =)

В заготовке jsfiddle.net/9mK95
нужно, что бы фон был от начала родительского блока до контента и справа от контента до конца родительского блока через псевдоэлементы BEFORE и AFTER.

Задать через вложенные теги не подходит =)
ширина естественно динамическая и у заголовка и у родительского блока.
Расчёт через JS не подходит.

Помогите, пожалуйста =)

Answer 1

[Pavel K]

Упс, сам решил: jsfiddle.net/9mK95/1

Подскажите, насколько так будет правильно?

Comments

[Pavel K]

Да, Вы правы.

Answer 2

[Константин Величко]

Можно сделать проще jsfiddle.net/Zoxon/R8dK4

Comments

[Константин Довнар]

Может быть это проще для понимания, но куда хуже для дела. Нельзя вставлять произвольный фон на странице, т.к. белый будет его перекрывать.

[Константин Величко]

@SolidlSnake этого не было в постановке задачи

Answer 3

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

Или так jsfiddle.net/9mK95/3

Comments

[Pavel K]

Тоже вариант =)