does not float, and illustrates how replaced elements are
treated as inline unless floated.
This amazing test document illustrates floating components,
here a floating IMG This image
does not float, and illustrates how replaced elements are
treated as inline unless floated.
Here is a similar length
paragraph, but this time containing the same image, but floated
to the left using the FLOAT="left" attribute value.
The image floats to the left, and all other text in the
paragraph floats around the image.
This image is floated inside a DIV, and has paragraphs alongside it.
This paragraph is quite long -- notice how the paragraph is still a rectangular box, but that the text flows around the floated image -- the floated image pushes the text out of a portion of the box.
Of course, this next paragraph can start below the image, so that the text can entirely fill the box.