How to Wrap Text to the Right of an Image in HTML

How to Wrap Text to the Right of an Image in HTML thumbnail
Modify HTML parameters to control image placement.

HTML provides a way for you to wrap images with their descriptions or associated text. Use this method instead of image over text stacking, to create a space efficient page and provide an eye-pleasing layout. The "<img>" tag that you use to display the image has several attributes you can include to wrap text to the right of an HTML image.

Instructions

    • 1

      Open the HTML file that contains the image, and locate the "<img>" tag.

    • 2

      Insert the "align" attribute with a value of "left" to place the image to the right. For instance, "<img align="left" />." This will cause any text following to wrap to the right of your image.

    • 3

      Insert the "hspace" and "vspace" attributes to indicate respectively, the horizontal and vertical space around the image. For instance, "<img align="left" hspace="12" vspace="12" />." This will create a 12-pixel space between your image and the wrapping text.

Related Searches:
  • Photo Credit Jupiterimages/Brand X Pictures/Getty Images

Comments

You May Also Like

Related Ads

Featured