La alineacin de elementos puede ser difcil en un editor HTML ya que las

propiedades no siempre estn a la vista para conseguir lo deseado con

un solo clic y puede ser ms rpido simplemente escribir el cdigo.
El cdigo para alinear elementos es bastante sencillo, fcil de entender y
fcil de aplicar en algunos casos y un poco ms complejo en otros. Como
ejemplo veremos como alinear los elementos adentro de la celda de una
tabla.

Atributos obsoletos
Los siguientes son atributos marcados como obsoletos, aun validos de
usar ya que logran el objetivo pero ya no recomendados:

align. Para la alineacin horizontal, el cual puede tener los valores

left (izquierda), center (centro) o right (derecha) y justify

(justificado).
valign. Para la alineacin vertical, el cual puede tener los valores
top (arriba), middle (medio) o bottom (abajo)

A continuacin las combinaciones posibles:

Top-Left
<td valign="top" align="left">
Top-Left
</td>

Top-Center
<td valign="top" align="center">
Top-Center
</td>

Top-Right

<td valign="top" align="right">

Top-Right
</td>

<td valign="middle" align="left">

Middle-Left
</td>

<td valign="middle" align="center">

Middle-Center
</td>

Middle-Left

Middle-Center

<td valign="middle" align="right">

Middle-Right
</td>

<td valign="bottom" align="left">

Bottom-Left
</td>

<td valign="bottom" align="center">

Bottom-Center
</td>

<td valign="bottom" align="right">

Bottom-Right
</td>

Lo mismo se aplica a imgenes:

Middle-Right

Bottom-Left

Bottom-Center

Bottom-Right

<td valign="middle"
align="center">
<img
src="https://images....png">
</td>

Con estilos CSS

Los anteriores son los atributos marcados como obsoletos, si bien estos
aun funcionan lo recomendado es usar estilos CSS:
style="text-align: xxx". Este es el cdigo usado para la alineacin
horizontal. Al igual que align debe aplicarse a la celda:

<td style="text-align: left">

Left
</td>

Left

<td style="text-align: center">

Center
</td>

Center

<td style="text-align: right">

Right
</td>

Right

style="vertical-align: xxx". Este es el cdigo usado para la alineacin

vertical. Al igual que valign debe aplicarse a la celda:
Top
<td style="vertical-align: top">
Top
</td>

<td style="vertical-align: center">

Center
</td>

<td style="vertical-align: bottom">

Bottom
</td>

Center

Bottom

vertical-align tiene otros usos que no se contemplan aqu, en esta

entrada solo se ve lo concerniente a la alineacin de elementos en las
celdas