Заголовок с подложкой

[PavelTkachev]

Пытаюсь изобрести способ отображения заголовка, чтобы за ним была цветная линия, но она не была видна под текстом. Возможно ли это без использования дополнительного span внутри заголовка?

 

Пока у меня получилось вот что, но линия получилась поверх текста.

http://jsfiddle.net/4CBLC/

 

[Sergik+]

Используйте z-index.

[xzarxzes]

Пытаюсь изобрести способ отображения заголовка, чтобы за ним была цветная линия, но она не была видна под текстом. Возможно ли это без использования дополнительного span внутри заголовка?

 

Пока у меня получилось вот что, но линия получилась поверх текста.

http://jsfiddle.net/4CBLC/

http://jsfiddle.net/xzarxzes/3gAuh/

 

upd: это наверно не самые надежные варианты

Edited July 24, 2014 by xzarxzes

[PavelTkachev]

А можно ли сделать универсальный способ или надо для каждого заголовка делать свой класс и прописывать в нём ширину? Я имею в виду, что количество символов в заголовке может быть произвольным и сделать так, чтобы в не зависимости от количества символов черта начиналась на 10px от них.