Хоризонтална линия със заглавие?

[gLaVoReZa]

Добър ден,

имате ли идея, как мога да направя хоризонтална линия, която посредата да има заглавие? Примерно както на <fieldset></fieldset> можеш да задаваш заглавие, аз искам да задам заглавие на обикновена хоризонтална линия.

Аз се сещам за един начин, който обаче не ме устройва много, много. Той е да направя <hr /> и посредата да позиционирам <span></span>, който да съдържа текст и да има бял фон, за да може да скрие линията отдолу и така тя да изглежда прекъсната. Това решение обаче не ми върши работа, защото фона на страницата ще може да се сменя и така ако се смени цвета на цялата страница, белият фон на заглавието ще се види.

Моля да споделите някакви идеи, ако ви хрумват.

 

[kriss]

Ето го с <hr /> тага. Друг вариянт не се сещам..

<!DOCTYPE html>
<html>
<head>
	<title>Test</title>
	<style type="text/css">
		body {font:14px Tahoma;}
		hr {border:none;border-top:1px solid #3b5998;margin-bottom:-10px;}
		span.fld {background:#fff;padding:5px 10px;border:1px solid #3b5998;}
		div.cHolder {text-align:center;}
	</style>
</head>
<body>
<div style="width:600px;margin:300px auto;padding:10px;border:1px solid #3b5998;background:#f9f9f9;">
	<hr /><div class="cHolder"><span class="fld">Demo text</span></div>
</div>
</body>
</html>

 

[gLaVoReZa]

Е, нали съм написал, че това решение не ми върши работа...

 

[exec]

При смяната на фоновия цвят на страницата, не можеш ли да сменяш и фоновия цвят на този span, който стои върху линията? Друг начин не се сещам.