vertical-align
Si vous voulez aligner le texte sur la verticale vous devez utiliser la propriété vertical-align.
Les valeurs sont :
- top : sera aligné avec le dessus du l'élément parent.
- bottom : aligné avec le bas de l'élément parent.
- middle : aligné avec le milieux de l'élément parent.
- text-top : aligné avec le haut du texte de l'élément parent.
- text-bottom : aligné avec le bas du texte de l'élément parent.
- baseline : alignement par défaut.
- sub : le texte sera placé sous l'élément parent (en indice).
- super : placé au dessus de l'élément parent (en exposant).
- % : donner la position en pourcentage (ex: 50%, -25%, etc.).
- em/px : donner une valeur numérique pour la position (ex: 250em).
Exemple :
.class {vertical-align: -20%;}
Ce qui nous donne :
Texte avec un mot aligné 20% en dessous des autres