Alineación de tablas CSS
Alineación horizontal
La text-align
propiedad establece la alineación horizontal (como izquierda, derecha o centro) del contenido en <th> o <td>.
De forma predeterminada, el contenido de los elementos <th> está alineado al centro y el contenido de los elementos <td> está alineado a la izquierda.
Para alinear al centro el contenido de los elementos <td> también, use text-align: center
:
Ejemplo
td
{
text-align: center;
}
Para alinear el contenido a la izquierda, fuerce la alineación de los elementos <th> para que se alineen a la izquierda, con la text-align: left
propiedad:
Ejemplo
th
{
text-align: left;
}
Alineamiento vertical
La vertical-align
propiedad establece la alineación vertical (como superior, inferior o central) del contenido en <th> o <td>.
De forma predeterminada, la alineación vertical del contenido de una tabla es media (para los elementos <th> y <td>).
El siguiente ejemplo establece la alineación vertical del texto hacia abajo para los elementos <td>:
Ejemplo
td
{
height: 50px;
vertical-align: bottom;
}