Making Images Float
You can use the align attribute (with the left and right values only) to make images float along one side of your page, with text and other elements wrapping around the other.
To make images float:
Figure 5.22. When you align an image to the right, you are actually wrapping text to its left.
Figure 5.23. The image is aligned to the right and the text wraps around it.
Figure 5.25. With the image floated on the left, the text wraps around on the right side (rather closely, but we'll fix that pretty soon).
To float images on both sides:
Figure 5.26. The image always precedes the text that should flow around it.
Figure 5.27. The first image is floated to the right and the text flows to its left. The next image appears after the last line of text in the
Stopping Elements from Wrapping
A floated image affects all the elements that follow it, unless you insert a special line break. The clear attribute added to the regular br tag indicates that the text should not begin until the specified margin is clear (that is, at the end of the image or images).
To stop elements from wrapping:
Figure 5.28. Notice the order: first the house, then the header, then the flower logo, then more text.
Figure 5.29. The
attribute makes the text stop flowing until it