Allineamento tabella CSS
Allineamento orizzontale
La text-align
proprietà imposta l'allineamento orizzontale (come sinistra, destra o centro) del contenuto in <th> o <td>.
Per impostazione predefinita, il contenuto degli elementi <th> è allineato al centro e il contenuto degli elementi <td> è allineato a sinistra.
Per allineare al centro anche il contenuto degli elementi <td>, usa text-align: center
:
Esempio
td
{
text-align: center;
}
Per allineare a sinistra il contenuto, forza l'allineamento degli elementi <th> in modo che sia allineato a sinistra, con la text-align: left
proprietà:
Esempio
th
{
text-align: left;
}
Allineamento verticale
La vertical-align
proprietà imposta l'allineamento verticale (come la parte superiore, inferiore o centrale) del contenuto in <th> o <td>.
Per impostazione predefinita, l'allineamento verticale del contenuto in una tabella è intermedio (per entrambi gli elementi <th> e <td>).
L'esempio seguente imposta l'allineamento verticale del testo in basso per gli elementi <td>:
Esempio
td
{
height: 50px;
vertical-align: bottom;
}