Problème de css

[tryan]

Bonjour,

J'affiche en css via la balise h2 une image.
J'aimerais pouvoir "caler" correctement le texte contenue dans cette balise.(c'est l'image haut de mon menu)
<h2><!--affiche l'image--> Mon texte</h2>
Voici ma partie css:

Code: Tout sélectionner

div#left div.categories h2 {
   width: 195px;
   height: 38px;
   margin: 0;
   background: url('images/catsvide.jpg') repeat-y right;
text-align: center ;
font: bold 15px Verdana;

}

Mon soucis est que mon texte est "décalé vers le haut par apport à l'image et je souhaiterais pouvoir descendre mon texte sans pour autant décaler l'image.
J'ai essayé avec margin et padding mais c'est l'image que sa affecte au lieu du texte ..
Avez vous une suggestion svp ?
Merci

[YoyoS]

un pti padding-top: Xpx; ?

[Vap]

Essaie d'utiliser line-height. Ca agit sur le texte seulement.
Exemple :

Code: Tout sélectionner

div#diaporama .navbouton {
  height: 48px;
  line-height: 46px;
}


[tryan]

Merci pour votre aide .
YoyoS: le css décale l'image.
Vap: nikel
Grand merci à vous