Comment aligner verticalement une image et une ligne de texte ?

Astuce par Raphael (Eleveur de kiwiz, Strasbourg)
Mis à jour le 16 Mars 2009. 27293 lectures.
Tags : css, vertical, texte, image, aligner

C'est ici qu'intervient la propriété "vertical-align".

  • baseline : Alignement sur la ligne de base ou le bas.
  • middle : Alignement au milieu de la ligne de base.
  • sub : Alignement en bas de la ligne de base.
  • super : Alignement au-dessus de la ligne de base.
  • text-top : Aligne le texte en haut de l'élément parent.
  • text-bottom : Aligne le texte en bas de l'élément parent.
  • top : Alignement haut de la boite parent avec la boite de la ligne.
  • bottom : Alignement haut de la boite parent avec la boite de la ligne.
  • mention de longueur : Alignement au-dessus ou au-dessous de la ligne de base avec des valeurs absolues.
  • pourcentage : Alignement au-dessus ou au-dessous de la ligne de base avec des valeurs absolues.

Ressources