Cómo crear imágenes que estén alineadas a la derecha en una página web

Usando las propiedades de flotación de CSS, puede flotar cualquier imagen a la derecha de cualquier texto, como se puede ver con la imagen a la derecha de este texto. Para hacer esto en su página web siga los pasos a continuación.

En este ejemplo, usaremos un archivo CSS externo. Al usar un archivo CSS externo, puede crear una imagen flotante en cualquier página que incluya un enlace al archivo CSS. Los archivos CSS externos también hacen que sea más fácil cambiar cualquier configuración que desee ajustar en el futuro.

1. Crea un archivo CSS. Si ya tiene un archivo CSS para su página web, edítelo y agregue el siguiente código.

2. Agregue el siguiente código al archivo CSS.

 .floatRight {float: right; margin-left: 20px} 

Sugerencia: Agregar flotación: a la izquierda haría que la imagen flote en el lado izquierdo del texto.

Si desea tener más de una imagen flotando a la derecha, también agregue la siguiente línea al archivo CSS.

 .floatRightClear {float: right; clear: right; margin-left: 20px} 

3. Después de que se haya creado el código anterior, guarde el archivo CSS y llámelo desde cada página HTML utilizando un código similar al del ejemplo a continuación. En nuestro ejemplo, hemos nombrado el archivo CSS style.css.

4. Finalmente, agregue el a la imagen que desee flotar en el lado derecho del contenedor.