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:

1.
Create your image and the text or other elements (see pages 96 and 97).
2.
Place the cursor where you want to stop wrapping text and elements to the side of the image.
3.
Either type <br clear="left" /> to stop flowing content until there are no more floating objects aligned to the left margin. Or type <br clear="right" /> to stop flowing content until there are no more floating objects aligned to the right margin. ...

Get HTML, XHTML, & CSS, Sixth Edition: Visual QuickStart Guide now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.