Cette propriété spécifie l'alignement vertical des éléments HTML.

Exemple
vertical-align
Valeur baseline
sub
super
top
text-top
middle
bottom
text-bottom
Longueur
Pourcentage
Valeur par défaut baseline
Domaine d'application Les éléments en-ligne
et les cellules de tableau.
Pourcentage En référence à la hauteur de
la ligne de l'élément lui-même.
Héritage non
Media Visuel
Valeur
possible		 Action Exemple
baseline Alignement sur la base de la ligne. div {vertical-align: baseline}
middle Alignement au milieu de la base de la ligne. p {vertical-align: middle}
sub Alignement en bas de la ligne de base. blockquote {vertical-align: sub}
super Alignement au-dessus de la ligne de base. em {vertical-align: super}
text-top Alignement en haut de la boite de l'élément. caption {vertical-align: text-top}
text-bottom Alignement en bas de la boîte de l'élément. table {vertical-align: text-bottom}
top Alignement en haut de la boite de l'élément avec le haut de la boîte de la ligne. td {vertical-align: top}
bottom Alignement en bas de la boîte de l'élément avec le bas de la boîte de la ligne. input {vertical-align: bottom}
Longueur Alignement au-dessus (valeur positive) ou en-dessous (valeur négative) de la ligne de base. textarea {vertical-align: 1.7em}
Pourcentage Alignement au-dessus (valeur positive) ou en-dessous (valeur négative) de la ligne de base. th {vertical-align: 120%}
Alignement sur la base de la ligne. 
td {
  vertical-align: baseline
}
Alignement au milieu de la base de la ligne. 
td {
  vertical-align: middle
}
Alignement en bas de la ligne de base. 
td {
  vertical-align: sub
}
Alignement au-dessus de la ligne de base. 
td {
  vertical-align: super
}
Alignement en haut de la boite de l'élément. 
td {
  vertical-align: text-top
}
Alignement en bas de la boîte de l'élément. 
td {
  vertical-align: text-bottom
}
Alignement en haut de la boite de l'élément avec le haut de la boîte de la ligne. 
td {
  vertical-align: top
}
Alignement en bas de la boîte de l'élément avec le bas de la boîte de la ligne. 
td {
  vertical-align: bottom
}
Alignement au-dessus (valeur positive) ou en-dessous (valeur négative) de la ligne de base. 
td {
  vertical-align: 1.7em
}
Alignement au-dessus (valeur positive) ou en-dessous (valeur négative) de la ligne de base. 
td {
  vertical-align: 1em
}
Alignement au-dessus (valeur positive) ou en-dessous (valeur négative) de la ligne de base. 
td {
  vertical-align: 5em
}
Alignement au-dessus (valeur positive) ou en-dessous (valeur négative) de la ligne de base. 
td {
  vertical-align: 120%
}
Alignement au-dessus (valeur positive) ou en-dessous (valeur négative) de la ligne de base. 
td {
  vertical-align: 20%
}
Alignement au-dessus (valeur positive) ou en-dessous (valeur négative) de la ligne de base. 
td {
   vertical-align: 180%
}
 
td {
  vertical-align: top;
  text-align: left
}
 
td {
  vertical-align: middle;
  text-align: right
}
 
td {
  vertical-align: bottom;
  text-align: center
}
Compatibilité
Windows Macintosh
NE4 NE6 NE7 IE5 IE55 IE6 OP5 OP6 OP7 NE4 NE6 NE7 IE4 IE5