Заголовокпо центру сдвумя линиями по бокам

[3des]

Доброго времени суток, уважаемые форумчане!

Задачка: сверстать такого типа общий вид заголовков

Текст по центру, по бокам по две линии. Следует заметить, что фон не однотонный, поэтому то и возникла проблема. У меня были мысли такими: создать три блока внутри одного, центральный блок по середине, крайние блоки заливать картинкой (с этими двумя линиями). Но как-то реализовать это не получилось... Вот что у меня на данный момент есть:

<h1><span>Some text</span></h1>

h1 {
	display: block;
	text-align: center;
	font: 22px/22px Georgia;
	color: #fff;
}
h1 span {
	display: inline-block;
}
h1 span:before, h1 span:after {
	content: "";
	display: inline-block;
	height: 22px;
	margin-right: 20px;
	background: url('img/lines.png') center repeat-x;
}
h1 span:after {
	margin-right: 0;
	margin-left: 20px;
}

т.е. у меня распологаются по центру три строчно-блочных элемента, естественно, это не работает, т.к. ширина строчно-блочных элементов зависит от их содержимого.

Честно говорю, гуглил, но, поиски не дали результатов. Я более чем уверен, что задавал неверный поисковый вопрос. Ткните меня пальцем, пожалуйста, в нужное место или подскажите, что применять Заранее спасибо!

[hypnocolor]

Я уже даже не знаю, в который раз вижу подобный вопрос.

http://kizu.ru/fun/legends-and-headings/

http://artgorbunov.ru/bb/soviet/20121115/

[3des]

Я уже даже не знаю, в который раз вижу подобный вопрос.

http://kizu.ru/fun/legends-and-headings/

http://artgorbunov.ru/bb/soviet/20121115/

Спасибо как всегда все дело в неумении искать)

[RodgerFox]

А еще можно без псевдоклассов сделать.

[psywalker]

А еще можно без псевдоклассов сделать.

1. Ты хотел сказать "Псевдоэлементы".

2. Покажи свой пример плз.