1 layer at (0,0) size 800x600
2 RenderView at (0,0) size 800x600
3 layer at (0,0) size 800x146
4 RenderBlock {HTML} at (0,0) size 800x146
5 RenderBody {BODY} at (8,16) size 784x114
6 RenderBlock (floating) {DIV} at (556,0) size 228x59 [bgcolor=#CC6666]
7 RenderText {#text} at (20,20) size 188x19
8 text run at (20,20) width 188: "DIV NUMBER 1: float:right;"
9 RenderBlock (floating) {DIV} at (485,59) size 299x59 [bgcolor=#99CC66]
10 RenderText {#text} at (20,20) size 259x19
11 text run at (20,20) width 259: "DIV NUMBER 2: clear:right; float:right;"
12 RenderBlock (floating) {DIV} at (0,59) size 219x59 [bgcolor=#6699FF]
13 RenderText {#text} at (20,20) size 179x19
14 text run at (20,20) width 179: "DIV NUMBER 3: float:left;"
15 RenderBlock {P} at (0,0) size 784x114
16 RenderText {#text} at (0,0) size 556x95
17 text run at (0,0) width 528: "The first element is floated to the right. The second element clears the right float and"
18 text run at (0,19) width 556: "also floats right. The third element is floated to the left, but is forced below the bottom of"
19 text run at (0,38) width 525: "the first element. Yet, somehow this paragraph comes at the end of the markup, and"
20 text run at (0,57) width 530: "manages to rise to the top of the page. This behavior is present in Firefox, Safari and"
21 text run at (219,76) width 47: "Opera. "
22 RenderInline {A} at (0,0) size 227x38 [color=#0000EE]
23 RenderInline {STRONG} at (0,0) size 227x38
24 RenderText {#text} at (266,76) size 227x38
25 text run at (266,76) width 180: "Click here for a real world"
26 text run at (219,95) width 135: "example of this bug."