Marcado: Alineación de imágenes

¡Bienvenido a la alineación de imágenes! La mejor manera de demostrar el flujo y reflujo de las distintas opciones de posicionamiento de imágenes es anidarlas cómodamente entre un océano de palabras. Coge un remo y empecemos.

En cuanto a la alineación, cabe señalar que los usuarios pueden elegir entre las opciones Ninguna, Izquierda, Derecha y Centro. Además, también tienen las opciones de Miniatura, Mediana, Grande y Tamaño completo.

Alineación de imágenes 580x300

La imagen de arriba resulta estar centrada.

Alineación de imágenes 150x150El resto de este párrafo es de relleno para ver el texto que envuelve la imagen de 150×150, que es alineado a la izquierda.

Como puede ver, debe haber algo de espacio por encima, por debajo y a la derecha de la imagen. El texto no debería arrastrarse sobre la imagen. Arrastrarse no está bien. Las imágenes también necesitan espacio para respirar. Déjalas hablar como si fueran palabras. Deja que hagan su trabajo sin que el texto las moleste. En una frase más, veremos que el texto se desplaza desde la derecha de la imagen hasta debajo de ella en una transición perfecta. Una vez más, dejamos que haga su trabajo. Misión cumplida.

Y ahora una imagen masivamente grande. También tiene ninguna alineación.

Alineación de imágenes 1200x400

La imagen anterior, aunque tiene 1200px de ancho, no debe desbordar el área de contenido. Debe permanecer contenida sin interrumpir visiblemente el flujo del contenido.

Alineación de imágenes 300x200

Y ahora vamos a cambiar las cosas a la alinear a la derecha. De nuevo, debería haber mucho espacio por encima, por debajo y a la izquierda de la imagen. Míralo ahí... ¡Eh, tío! Vaya manera de rockear ese lado derecho. No me importa lo que diga la imagen alineada a la izquierda, estás genial. No dejes que nadie te diga lo contrario.

En un momento, debería ver que el texto empieza a envolverse debajo de la imagen alineada a la derecha y se acomoda bien. Todavía debe haber un montón de espacio y todo debe estar sentado bastante. Sí... Justo así. Nunca se sintió tan bien estar bien.

Y cuando creías que ya habíamos terminado, ¡vamos a volver a hacerlas con pies de foto!

Alineación de imágenes 580x300
Mira a 580×300 recibiendo algo de amor por los pies de foto.

La imagen de arriba resulta estar centrada. El pie de foto también tiene un enlace en ella, sólo para ver si hace algo funky.

Alineación de imágenes 150x150
Pequeño pie de foto.

El resto de este párrafo es de relleno para ver el texto que envuelve la imagen de 150×150, que está alineada a la izquierda.

Como puede ver, debe haber algo de espacio por encima, por debajo y a la derecha de la imagen. El texto no debería arrastrarse sobre la imagen. Arrastrarse no está bien. Las imágenes también necesitan espacio para respirar. Déjalas hablar como si fueran palabras. Deja que hagan su trabajo sin que el texto las moleste. En una frase más, veremos que el texto se desplaza desde la derecha de la imagen hasta debajo de ella en una transición perfecta. Una vez más, dejamos que haga su trabajo. Misión cumplida.

Y ahora una imagen masivamente grande. También tiene ninguna alineación.

Alineación de imágenes 1200x400
Comentario masivo de imágenes para sus globos oculares.

La imagen anterior, aunque tiene 1200px de ancho, no debe desbordar el área de contenido. Debe permanecer contenida sin interrumpir visiblemente el flujo del contenido.

Alineación de imágenes 300x200
Sienta bien tener siempre la razón.

Y ahora vamos a cambiar las cosas a la alinear a la derecha. De nuevo, debería haber mucho espacio por encima, por debajo y a la izquierda de la imagen. Míralo ahí... ¡Eh, tío! Vaya manera de rockear ese lado derecho. No me importa lo que diga la imagen alineada a la izquierda, estás genial. No dejes que nadie te diga lo contrario.

En un momento, debería ver que el texto empieza a envolverse debajo de la imagen alineada a la derecha y se acomoda bien. Todavía debe haber un montón de espacio y todo debe estar sentado bastante. Sí... Justo así. Nunca se sintió tan bien estar bien.

Y eso es todo. Has sobrevivido a las tumultuosas aguas de la alineación. Logro de alineación de imagen desbloqueado.