Back | View Source (use the "Back-button" in your browser to go back)

Right flow, clear

This is the first block-level element, flow is from top to bottom and elements are expanded over the complete width of the webpage
This is the second element which is floated to the right but still placed in the normal flow. You see the third element not starting at the space left by this element because the third element has a "clear: right" style.
Finally, we have the third element which has a "clear:right" and so does not take the space left by the floated second element and follows normal flow after the second element.
To make things a bit more comprehensive we here have a fourth block-level element which also floats to the right. But this does not effect the flow of the third element.