Apparence du texte avec base line

Bonjour,
Je cherche à reproduire cet effet sur un titre. Le titre est en capitale et centré, jusqu'ici tout va bien.
Et une ligne traverse le titre en son centre sans lui passer par dessus et en laissant une marge de chaque coté. Quelqu'un sait-il comment ajouter cette ligne dans la balise <h2> ?

Merci

Je n'ai pas testé mais essaie de mettre un border-top au bloc sous le titre ainsi qu'un fond blanc à ton titre h2.

Quel bloc ? Faut-il un autre élément qui contiendrait le h1 ?
Je ne peux pas utiliser de html5, de <article> ou autre balise moderne.

Sha0 a écrit :
Je n'ai pas testé mais essaie de mettre un border-top au bloc sous le titre ainsi qu'un fond blanc à ton titre h2.

En faisant le test, voici ce que j'obtiens :


Et le css :
font-size: 18px;
line-height: 7px;
background:#fff;
text-align:center;
border-top:solid 1px #555;

Le fait de mettre un fond blanc ne change rien, le texte se fait barrer.
Comment faire ?

J'ai trouvé une solution mais je ne sais pas si c'est sémantiquement juste. Mettre une balise span dans le h1 :

h1 {
	font-family: "Gotham-Bold",arial,sans-serif;
	font-size: 18px;
	line-height:3px;
	color:#000;
	text-align:center;
	border-top:solid 1px #555;
        text-transform:uppercase;
        text-align:center
}
 h1 span { background:#fff}

Merci tout le monde

Je comprends pas, chez moi ça marche en mettant le h1 en fond blanc.

Et sans span, en mettant background: white dans h1 ça fonctionne pas ? Parce que effectivement la balise h1 permet de ne pas avoir à utiliser un span.

Bonjour, rajouter un span est effectivement la solution la plus simple, bien que ça ne soit pas forcément l’idéal parfait de l'HTML, ce n'est pas un bien grand crime et la solution la plus pragmatique.

Par contre, si vous ne pouvez pas rajouter de span, ou si vous souhaitez absolument l'éviter:

http://blog.goetter.fr/post/36084887039/tes-pas-cap-premiere-edition