Alignement texte - image

Question

Bonjour, Je voudrais faire un alignement vertical d'un petit texte avec une image. J'ai une ligne de texte, au bout de cette phrase une image, et j'aimerais que ma phrase soit aligné avec le centre de mon image, verticalement. Je n'y arrive pas, elle est toujours aligné sur le bas de mon image, comme si les deux étaient posé une une ligne quoi. Mon image est un lien, et la phrase décrit ce qu'il se passe quand on clique sur le lien. le code html est :

Devenir fan sur FB.

Dans mon CSS j'ai ça : div#fan { height:40px; line-height: 40px; text-align:center; background-color:green; vertical-align:top; } Mon image fait 40 pixels de haut. Configuration: Dell XPS Studio 16" - Intel Core 2 Duo P8600 2,4ghz - 4 go DDR3 1066mhz - ATI Radeon HD 4670 - 500 go SATA 7200 tr/m

notobe · Answer

J'attribuerais le line-height plutôt au h4 sans préciser de vertical-align qui est middle par défaut.

avrelbct · Answer

ça n'a rien changé.

notobe · Answer

#fan { 
text-align:center;
background-color:green;	
}
h4 a { 
line-height: 40px;	
vertical-align:middle;
}

LelLex · Answer

Avec un margin:auto; ça le fait verticalement, si le texte est plus petit que l'espace concédé ?

Alignement texte - image

4 réponses

Votre réponse

Discussions similaires

Newsletters