Tecnología

Inicio

Cómo flotador texto alrededor de una imagen en HTML

Cómo flotador texto alrededor de una imagen en HTML


Envolver texto alrededor de una imagen asociada ahorra espacio en la página y mostrará de una manera que es agradable a la vista. Cascading Style Sheets es el medio preferido y más eficientes de la manipulación de su diseño HTML. Utilice la propiedad CSS "flotar" flotar texto HTML su imagen alrededor.

Instrucciones

1 Abra el archivo HTML en un editor de texto o HTML. Busque la imagen que desea modificar.

2 Inserte el indicador de "estilo". Incluir el atributo "flotar" con un valor de "izquierda" para visualizar la imagen a la izquierda del texto. Por ejemplo, utilizar "<img style =" float: left "/>."

3 Inserte el "margen derecha" atributo de estilo, si es necesario insertar más espacio a la derecha de la imagen antes del texto. Por ejemplo, escriba "<img style =" float: left; margin-right: 12px; "/>." En este caso, se han insertado 12 píxeles de espacio. Cambie este valor para satisfacer sus necesidades.