1 layer at (0,0) size 800x600
2 LayoutView at (0,0) size 800x600
3 layer at (0,0) size 800x158
4 LayoutBlockFlow {HTML} at (0,0) size 800x158
5 LayoutBlockFlow {BODY} at (8,16) size 784x126
6 LayoutBlockFlow (floating) {DIV} at (554.23,0) size 229.77x58 [bgcolor=#CC6666]
7 LayoutText {#text} at (20,20) size 190x18
8 text run at (20,20) width 190: "DIV NUMBER 1: float:right;"
9 LayoutBlockFlow (floating) {DIV} at (480.05,58) size 303.95x58 [bgcolor=#99CC66]
10 LayoutText {#text} at (20,20) size 264x18
11 text run at (20,20) width 264: "DIV NUMBER 2: clear:right; float:right;"
12 LayoutBlockFlow (floating) {DIV} at (0,58) size 220.88x58 [bgcolor=#6699FF]
13 LayoutText {#text} at (20,20) size 181x18
14 text run at (20,20) width 181: "DIV NUMBER 3: float:left;"
15 LayoutBlockFlow {P} at (0,0) size 784x126
16 LayoutText {#text} at (0,0) size 554x108
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,18) width 554: "also floats right. The third element is floated to the left, but is forced below the bottom"
19 text run at (0,36) width 553: "of the first element. Yet, somehow this paragraph comes at the end of the markup, and"
20 text run at (220,54) width 244: "manages to rise to the top of the page."
21 text run at (220,72) width 226: "This behavior is present in Firefox,"
22 text run at (220,90) width 118: "Safari and Opera. "
23 LayoutInline {A} at (0,0) size 255x36 [color=#0000EE]
24 LayoutInline {STRONG} at (0,0) size 255x36
25 LayoutText {#text} at (337,90) size 255x36
26 text run at (337,90) width 138: "Click here for a real"
27 text run at (220,108) width 182: "world example of this bug."