[RESOLU] Trait gauche et droit avec texte

Bonjour,

voilà je souhaiterais avoir ce rendu en CSS mais avec une balise H1.
J'ai beau cherché, mais je ne vois pas de solutions.

http://imageshack.com/a/img593/2755/6b3s.jpg

J'ai essayé :

h1 { 
	font-size:17px; 
	color:#3e3e3e; 
	font-weight:lighter; 
	background-image: url('../images/trait-h1.png');
	background-position: center;
	background-repeat: repeat-x;
	text-align: center;
	padding:8px;
}

et

<h1>test trait</h1>

Ca marche, mais le trait passe sur le texte.

Quelqu'un a une piste svp?

Merci
Modifié par Dge-06 (20 Jan 2014 - 15:09)

Bonjour,

T'es pas cap ?!

Merci beaucoup. J'ai réussi

Je ne connaissais absolument ce "before" et "after" en CSS.

Il doit y avoir des trucs intéressants à exploiter avec ça ...