Producing web pages
* HTML CSS DHTML XHTML A to Z of tags        Accessibility          Design

Wrapping text around pictures

You can use the align attribute to make text flow around the picture. For example, set this attribute to left to align the picture with the left margin and wrap all subsequent text around the right side of the picture. Similarly, set it to right to wrap all subsequent text around the left side.

When you use the left or right alignment, you might want to use the <br> tag with the clear attribute to stop wrapping and force all remaining text below the picture. For example:

<img src="earth.gif" align="left">
>br>Here's some text to the right of a picture.
<br clear="left">Here's some text beneath the picture.

This displays as:

You can also use the hspace and vspace attributes to add blank space around an picture. This will give you a bit more space between the picture and the text. Use both attributes to put space all around the picture.

You cannot add space to one side and not the other. If you add vertical space, the space goes above and below the picture. If you add horizontal space, the space goes to the left and right of the picture.