Centrer texte dans un <h2> avec image de fond

Bonsoir,

J'aimerais centrer mon texte en hauteur dans une balise <h2>. Le titre à une image de fond. J'ai utilisé vertical-align: middle; mais cela ne fonctionne pas.

Je mets mes titres comme ceci : <h2>Mon titre</h2>

Mon CSS :

h2
{
	font-weight: lighter;
	color: #aee4cc;
	text-transform: uppercase;
	font-size: 0.85em;
	background-image: url("../images/background_titre.png");
	height: 25px;
	width: 654px;
	vertical-align: middle;
}

Merci d'avance !

Bonsoir,

Pour info :

a écrit :
Vertical align n'est pas prévu pour aligner un texte dans un bloc, mais un élément en-ligne dans un autre élément en-ligne (par exemple une image à côté d'un texte)... ou dans un élément de type table-cell.

Plus d'info http://www.alsacreations.com/astuce/lire/4-alignement-vertical-image-texte.html[/URL]

Cordialement, Junior76

Ah d'accord merci !
Auriez-vous une petite idée de comment faire pour résoudre mon problème en gardant un <h2> ?

Tu peux tester ce code :

display:block; 
height: 25px; /*hauteur de ton image*/ 
line-height: 25px; /*= height*/

A tester.

Cordialement, Junior76

C'est parfait ! Un tout grand merci

Tant mieux, sans vouloir jouer le gars chiant, une petite recherche aurait permit de trouver ça : http://forum.alsacreations.com/topic-4-50055-1-Resolu-Aligner-verticalement-un-texte-dans-un-bouton-avec-lien.html avec la solution à ton problème.

Bonne nuit.

J'ai fait pas mal de recherches (sur google principalement) et je n'ai pas du trouver les bons termes

Bravo
Tu considères que ce sujet est [Résolu] ?