Überspringe Navigation

float:left; height:200px; width:200px; border:1px solid green;margin-right:2em;

float:left; clear:left; height:200px; width:200px; border:1px solid green;margin-right:2em;

Non-floating <p> with style="border:1px solid blue;":
The first <img> is in the flow.
The second <img> is floated to the right, right after this sentence.

This is how it looks in Opera (7.50p1):

In Mozilla (1.6) it looks like this:

Doesn't Opera's behavior break rule #5 of the CSS2 rules that govern the behavior of floats?