Tecnología

Inicio

Cómo ajustar el texto a la derecha de una imagen en HTML

Cómo ajustar el texto a la derecha de una imagen en HTML


HTML proporciona una manera para que usted envuelva imágenes con sus descripciones o texto asociado. Utilizar este método en lugar de la imagen sobre el apilamiento de texto, para crear una página de espacio eficiente y proporcionar un diseño agradable a la vista. La etiqueta "<img>" que se utiliza para mostrar la imagen tiene varios atributos que se pueden incluir para ajustar el texto a la derecha de una imagen en HTML.

Instrucciones

1 Abra el archivo HTML que contiene la imagen, y localizar la etiqueta "<img>".

2 Inserte el atributo "align" con un valor de "izquierda" para colocar la imagen de la derecha. Por ejemplo, "<img align =" left "/>." Esto hará que cualquier texto siguiente para envolver a la derecha de la imagen.

3 Inserte el "hspace" y "vspace" atributos para indicar, respectivamente, el espacio horizontal y vertical alrededor de la imagen. Por ejemplo, "<img align =" left "hspace =" "vspace =" 12 12 "/>." Esto creará un espacio de 12 píxeles entre la imagen y el ajuste de texto.