Si estás interesado en aprender a hacer flotar una imagen a la derecha del texto, te alegrará saber que es una tarea bastante simple. Hay muchas situaciones en las que los programadores desean que una imagen en una página web aparezca dentro del texto con el texto que fluye o se enrolla alrededor de él. Afortunadamente, manipular imágenes es similar a manipular texto, así que si tienes experiencia con este último, este proceso no debería ser difícil en absoluto.
De hecho, con la propiedad flotante de CSS, es fácil hacer flotar su imagen a la derecha del texto y hacer que el texto fluya a su alrededor en el lado izquierdo. Usa este tutorial de cinco minutos para aprender cómo.
Empezando
Para comenzar, escriba un párrafo de texto y agregue una imagen al principio 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 float:
Su texto se pegará directamente contra la imagen, así que agregue algunos márgenes a la imagen para que sea más fácil de leer:
La propiedad abreviada del margen aplica márgenes en el orden superior, derecho, inferior e izquierdo (TRBL). Y eso lo hace. Ahora ves que flotar una imagen a la derecha no es nada difícil. También puede interesarle flotar una imagen a la izquierda y flotarla al centro. Mientras que el primer movimiento es posible, desafortunadamente, no puedes hacer que una imagen flote hacia el centro, ya que normalmente eso requiere un diseño de dos columnas.
Terminando
