Alineando imágenes a la izquierda o a la derecha

Como en cualquier sistema de blogs, el alinear las imágenes para que queden elegantes a la derecha o izquierda del texto es una operación muy fácil que la podemos realizar directamente desde la edición en HTML. El código para insertar una imagen es:

<img src="../imagen1.png" />

Lo único que tenemos que insertar en ese código es el elemento align, como vemos en el siguiente ejemplo:

<img src="../imagen1.png" align="right" />

Si queremos que la imagen quede a la izquierda del texto, el cambio es evidente:

<img src="../imagen1.png" align="left" />

Finalmente, para hacer que el texto no quede pegado a la imagen, suele ser interesante el poner dentro de ese trozo de código el elemento hspace (espacio horizontal) con 8 píxeles. Después de hacer muchas pruebas, creo que esa es la mejor distancia en píxeles entre la imagen y el texto. Veamos un ejemplo:

<img src="../imagen1.png" align="left" hspace="8" />