HTML <td> valignAtributo

Ejemplo

Una tabla HTML con celdas de diferente alineación vertical:

<table border="1" style="height:200px">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td valign="top">January</td>
<td valign="top">$100</td>
</tr>
<tr>
<td valign="bottom">February</td>
<td valign="bottom">$80</td>
</tr>
</table>

Pruébalo »

Compatibilidad del navegador

Todos los navegadores principales admiten el atributo valign.

Definición y uso

HTML5 no admite el atributo valign de <td>. Utilice CSS en su lugar.

El atributo valign especifica la alineación vertical del contenido de la celda.

Sintaxis

Valores de atributo

Valor	Descripción
top	Alinea el contenido en la parte superior.
middle	Alinea el contenido al centro (valor predeterminado).
bottom	Alinea el contenido en la parte inferior.
baseline	Alinea con la línea base. La línea base es una línea imaginaria. En una línea de texto, la mayoría de las letras se asientan sobre la línea base. El valor baseline hace que todos los datos de la tabla en una fila compartan la misma línea base. El efecto de este valor suele ser el mismo que el valor bottom. Sin embargo, si los tamaños de fuente del texto son diferentes, el efecto de baseline es mejor. Véase la ilustración a continuación.