Comment réduire l'interligne entre deux mots de class différentes

Bonjour,

Je rencontre un petit problème dans la création d'une NavBar CSS. Je m'explique :

J'ai une NavBar avec pour chaque bouton, un TITRE principal en Arial 13px, et un Sous Titre en Arial 11px italic. Je souhaiterais réduire au maximum l'interligne entre les deux (<BR>) afin de lui rendre l'aspect que vous pourrez observer sur l'image en pièce jointe.



Merci de votre aide.
Modifié par iwebu (02 Oct 2012 - 14:28)

Essaye avec line-height sur tes deux éléments

Salut Merguez

C'est bien ce que j'ai utilisé... mais ça ne me réduit pas exactement l'interligne.

Ma navbar est sous forme de liste, et apparemment je ne peux jouer que sur la propriété line-height de <li>.

exemple :

<li style="line-height:25px"><span class="titre">ÉVENEMENTS</span><br><span class="sous-titre">exceptionnels</span></li>

Si je mets la propriété line-heigt sur ma balise <span></span> cela réduit la hauteur de l'élément de <li>.

Je ne sais pas si je me suis bien fait comprendre ?

Bonsoir,

Avec une marge haute négative sur des éléments de type bloc (un titre de niveau et un paragraphe par exemple, ce qui éviterait ce saut de ligne...) ou de rendu bloc (display:block)?