Alignement des tableaux CSS
Alignement horizontal
La text-align
propriété définit l'alignement horizontal (comme à gauche, à droite ou au centre) du contenu dans <th> ou <td>.
Par défaut, le contenu des éléments <th> est centré et le contenu des éléments <td> est aligné à gauche.
Pour centrer également le contenu des éléments <td>, utilisez text-align: center
:
Exemple
td
{
text-align: center;
}
Pour aligner à gauche le contenu, forcez l'alignement des éléments <th> à être alignés à gauche, avec la text-align: left
propriété :
Exemple
th
{
text-align: left;
}
Alignement vertical
La vertical-align
propriété définit l'alignement vertical (comme le haut, le bas ou le milieu) du contenu dans <th> ou <td>.
Par défaut, l'alignement vertical du contenu d'un tableau est au milieu (pour les éléments <th> et <td>).
L'exemple suivant définit l'alignement vertical du texte vers le bas pour les éléments <td> :
Exemple
td
{
height: 50px;
vertical-align: bottom;
}