How to Wrap Text Around a Picture on a Web Page

Create newspaper-type layout for your Web page with image wrapping.

The HTML element definition enables you to wrap text around a picture by using additional parameters to the "<img>" tag. Wrapping associated text around your Web page images saves page space, providing an efficient layout. Use the "align" parameter to place your image to the left or right of the text. The text will wrap on the other side and around the bottom of the picture.

Instructions

1. Launch a text or HTML editor and open the HTML coding for your Web page.

2. Type the "align" attribute into the "<img>" tag, and insert a "right" or "left" value. For example, "<img align="right" />." Your picture will display to the right of the text in this example.

3. Type the "vspace" and "hspace" attributes to define the vertical and horizontal space to display between the picture and text. For example, "<img align="right" vspace="14" hspace="14" />" inserts 14 pixels of space at the left and bottom of your picture.