полосы с обех сторон возле названия

[akkota]

Приветсвую.

Столкнулься с проблеммой, а именно версткой с psd макета

Имееться картинка:

Название Генератор HYUNDAI HHY3000F входит в тех <h1>

Как мне прикрутить черный полосы к названию чтоб они тянулись взависимости от длинны текста?

За ответы очень благодарен и признателен!

[Switch74]

можно сделать полосу на всю ширину, а по верх нее поставить текст, можно текст и полосы по бокам сделать через inline-block или float

[deadrash]

Можно линию пустить фоном в h1, а текст внутри в спан завернуть, и у него на том месте где проходит чёрная линия, пустить полоску из фона. Примерно вот так - http://jsbin.com/ilelar/1/edit

[mrnobody]

Можно еще с помощью псевдоэлементов (:before, :after), только в IE7 не будет работать.

http://jsfiddle.net/kHaL5/1/

На весь экран http://fiddle.jshell.net/kHaL5/1/show/

Edited April 14, 2013 by mrnobody

[akkota]

Можно еще с помощью псевдоэлементов (:before, :after), только в IE7 не будет работать.

http://jsfiddle.net/kHaL5/1/

На весь экран http://fiddle.jshell.net/kHaL5/1/show/

Спасибо помогло!

Всем спасибо за ответы!!