¡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 de Ninguno, Izquierda, Bien, y Centro. Además, también disponen de las opciones de Miniaturas, Medio, Grande & Fullsize.
La imagen de arriba resulta ser centrado.
El 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 imagen de gran tamaño. También dispone de sin alineación.
La imagen de arriba, aunque tiene 1200px de ancho, no debe desbordar el área de contenido. Debe permanecer contenida sin interrumpir visiblemente el flujo del contenido.
Y ahora vamos a cambiar las cosas a la alineación correcta. De nuevo, debería haber mucho espacio por encima, por debajo y a la izquierda de la imagen. Míralo ahí... ¡Eh, tío! Qué bien te queda el 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 subtítulos!
La imagen de arriba resulta ser centrado. El pie de foto también tiene un enlace en él, sólo para ver si hace algo funky.
El 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 imagen de gran tamaño. También dispone de sin alineación.
La imagen de arriba, aunque tiene 1200px de ancho, no debe desbordar el área de contenido. Debe permanecer contenida sin interrumpir visiblemente el flujo del contenido.
Y ahora vamos a cambiar las cosas a la alineación correcta. De nuevo, debería haber mucho espacio por encima, por debajo y a la izquierda de la imagen. Míralo ahí... ¡Eh, tío! Qué bien te queda el 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.