Cuando incluye una imagen con el texto en su página web, el estilo predeterminado muestra el gráfico encima o debajo del contenido circundante, dejando espacio en blanco a izquierda y derecha de la imagen Esto desperdicia espacio y hace que la imagen parezca desarticulada de su texto. Para solucionar esto, tiene la opción de usar el Lenguaje de marcado de hipertexto (HTML) o las Hojas de estilo en cascada (CSS) para especificar el posicionamiento de la imagen para que el texto se ajuste alrededor de los bordes de la imagen. Use HTML o CSS para mover texto alrededor de sus imágenes, como prefiera.
HTML
Paso 1
Inicie el archivo de página en el programa editor de texto de su computadora y posicione el cursor dentro de la etiqueta "". Escriba "align =" y siga esto con comillas así:
Paso 2
Ingrese "right", "left", "middle", "top" o "bottom" después de la entrada de alinear a especifique dónde aparece su imagen en relación con su texto. Una alineación "superior" hace que su contenido aparezca en el punto más alto de su imagen, el "medio" mueve el texto al centro de la foto y el "inferior" dirige el contenido para que comience en la parte inferior del gráfico. Además, una posición "derecha", mueve sus datos a la izquierda de la imagen y una alineación "izquierda" coloca el contenido a la derecha de la imagen. Escriba su código de la siguiente manera:
Guarde el archivo.
CSS
Paso 1
Coloque el cursor dentro de la etiqueta "" y escriba "style =" con un conjunto de comillas marcas antes del último ángulo angular. Para ilustrar:
Paso 2
Ingrese "float:" dentro de las comillas y escriba el atributo "left" o "right" para nombrar la alineación del gráfico. El valor "izquierda" hace que su imagen aparezca a la izquierda y mueve su texto a la derecha, mientras que el atributo "derecha" hace lo contrario. Por ejemplo:
Guarde su documento.
[Cómo mover texto alrededor de una imagen con HTML o CSS] URL: http://www.ordenador.online/computadora/Software/255801.html