Cómo flotar una imagen a la derecha del texto

Este tutorial de cinco minutos explica cómo Si está interesado en aprender a flotar una imagen a la derecha del texto, le alegrará saber que es una tarea bastante simple.

Este tutorial de cinco minutos explica cómo

Si está interesado en aprender a flotar una imagen a la derecha del texto, le alegrará saber que es una tarea bastante simple. Hay muchas situaciones en las que los programadores quieren que aparezca una imagen en una página web dentro del texto con el texto fluyendo o envuelto alrededor de él. Afortunadamente, manipular imágenes es similar a manipular texto, por lo que si tiene experiencia con este último, este proceso no debería ser difícil en absoluto.

De hecho, con la propiedad flotante CSS, es fácil flotar su imagen a la derecha del texto y hacer que el texto fluya alrededor del lado izquierdo. Use este tutorial de cinco minutos para aprender cómo hacerlo.

Empezando

Para comenzar, escriba un párrafo de texto y agregue una imagen al comienzo del párrafo. Esto debe hacerse antes del texto pero después de la etiqueta

):

A continuación, agregue un atributo de estilo a la imagen y aplique la propiedad flotante:

Su texto se apuntará contra la imagen, así que agregue algunos márgenes a la imagen para que sea más fácil de leer:

 Suni 

La propiedad de taquigrafía de margen aplica márgenes en el orden superior, derecho, inferior e izquierdo (TRBL).

Terminando

Y eso lo hace. Ahora ve que flotar una imagen a la derecha no es nada difícil. También puede estar interesado en flotar una imagen hacia la izquierda y flotarla hacia el centro. Si bien el primer movimiento es posible, desafortunadamente, no puede flotar una imagen hacia el centro, ya que eso normalmente requeriría un diseño de dos columnas.

Rate article
labsfabs.com
Add a comment