Margen: Alineación de imagen
Bienvenido a la alineación de imágenes! La mejor manera de demostrar el flujo y reflujo de las diversas opciones de posicionamiento de imágenes es acomodarlas cómodamente entre un océano de palabras.. Coge un remo y empecemos.
La imagen de arriba pasa a sercentrado.
El resto de este párrafo es de relleno por el bien de ver que el texto se ajusta alrededor de los 150×150 imagen, cual es alineado a la izquierda.
Como puede ver, debe haber un espacio arriba, abajo, y a la derecha de la imagen. El texto no debe deslizarse sobre la imagen.. Arrastrarse simplemente no está bien. Las imágenes también necesitan un respiro. Deja que hablen como tú palabras. Déjelos hacer su trabajo sin problemas con el texto.. En aproximadamente una oración más aquí, veremos que el texto se mueve desde la derecha de la imagen hacia abajo debajo de la imagen en una transición perfecta. Otra vez, dejar que lo haga es thang. Misión cumplida!
Y ahora por un imagen enormemente grande. También tiene sin alineación.
La imagen de arriba, aunque 1200px de ancho, no debe desbordar el área de contenido. Debe permanecer contenido sin interrupciones visibles en el flujo de contenido..
Y ahora vamos a cambiar las cosas al alinear a la derecha. Otra vez, debe haber mucho espacio arriba, abajo, y a la izquierda de la imagen. Solo míralo allí… Hey! Chico! Manera de rockear ese lado derecho. No me importa lo que diga la imagen alineada a la izquierda, te ves genial. No dejes que nadie más te diga lo contrario.
En solo un poco aquí, deberías ver que el texto comienza a ajustarse debajo de la imagen alineada a la derecha y se acomoda muy bien. Todavía debería haber mucho espacio y todo debería estar bien sentado. sí… Así. Nunca se sintió tan bien tener razón.
Imágenes con subtítulos
Y justo cuando pensabas que habíamos terminado, los vamos a hacer todos de nuevo con subtítulos!
mira 580×300 consiguiendo algo subtítulo amar.
La imagen de arriba pasa a sercentrado. El pie de foto también tiene un enlace., solo para ver si hace algo funky.
subtítulo minúsculo.
El resto de este párrafo es de relleno por el bien de ver que el texto se ajusta alrededor de los 150×150 imagen, cual es alineado a la izquierda.
Como puede ver, debe haber un espacio arriba, abajo, y a la derecha de la imagen. El texto no debe deslizarse sobre la imagen.. Arrastrarse simplemente no está bien. Las imágenes también necesitan un respiro. Deja que hablen como tú palabras. Déjelos hacer su trabajo sin problemas con el texto.. En aproximadamente una oración más aquí, veremos que el texto se mueve desde la derecha de la imagen hacia abajo debajo de la imagen en una transición perfecta. Otra vez, dejar que lo haga es thang. Misión cumplida!
Y eso es una envoltura, yo! Sobreviviste a las aguas tumultuosas de la alineación.. Logro de alineación de imagen desbloqueado!