1 layer at (0,0) size 800x600
2 RenderView at (0,0) size 800x600
3 layer at (0,0) size 800x144
4 RenderBlock {HTML} at (0,0) size 800x144
5 RenderBody {BODY} at (8,16) size 784x112
6 RenderBlock (floating) {DIV} at (554.23,0) size 229.77x56 [bgcolor=#CC6666]
7 RenderText {#text} at (20,20) size 190x16
8 text run at (20,20) width 190: "DIV NUMBER 1: float:right;"
9 RenderBlock (floating) {DIV} at (480.05,56) size 303.95x56 [bgcolor=#99CC66]
10 RenderText {#text} at (20,20) size 264x16
11 text run at (20,20) width 264: "DIV NUMBER 2: clear:right; float:right;"
12 RenderBlock (floating) {DIV} at (0,56) size 220.88x56 [bgcolor=#6699FF]
13 RenderText {#text} at (20,20) size 181x16
14 text run at (20,20) width 181: "DIV NUMBER 3: float:left;"
15 RenderBlock {P} at (0,0) size 784x112
16 RenderText {#text} at (0,0) size 554x96
17 text run at (0,0) width 543: "The first element is floated to the right. The second element clears the right float and"
18 text run at (0,16) width 554: "also floats right. The third element is floated to the left, but is forced below the bottom"
19 text run at (0,32) width 553: "of the first element. Yet, somehow this paragraph comes at the end of the markup, and"
20 text run at (220,48) width 244: "manages to rise to the top of the page."
21 text run at (220,64) width 226: "This behavior is present in Firefox,"
22 text run at (220,80) width 118: "Safari and Opera. "
23 RenderInline {A} at (0,0) size 255x32 [color=#0000EE]
24 RenderInline {STRONG} at (0,0) size 255x32
25 RenderText {#text} at (337,80) size 255x32
26 text run at (337,80) width 138: "Click here for a real"
27 text run at (220,96) width 182: "world example of this bug."