ubiquitour.com

Cómo flotar el texto alrededor de una imagen en HTML

Ajuste de texto alrededor de una imagen asociada ahorra espacio en tu página y muestra de una manera que sea agradable a la vista. En cascada hojas de estilo es el medio preferido y más eficiente de manipular su diseño HTML. Utilice la propiedad "Float" de CSS al texto flotante alrededor de su imagen HTML.

Instrucciones

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

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

3 Introduzca el atributo de estilo "margen derecha" si es necesario introducir más espacio a la derecha de la imagen antes del texto. Por ejemplo, escriba "< img estilo =" float: left; margen derecha: 12px; "/ >." En este caso, se han insertado 12 pixeles de espacio. Cambiar este valor para satisfacer sus necesidades.