1 layer at (0,0) size 800x600
2 LayoutView at (0,0) size 800x600
3 layer at (0,0) size 800x600
4 LayoutBlockFlow {HTML} at (0,0) size 800x600
5 LayoutBlockFlow {BODY} at (8,8) size 784x584
6 LayoutBlockFlow {DIV} at (0,0) size 784x20
7 LayoutBlockFlow (floating) {DIV} at (536,0) size 248x104 [border: (2px solid #FF0000)]
8 LayoutText {#text} at (2,2) size 244x19
9 text run at (2,2) width 244: "I should become a right-floating element."
10 LayoutText {#text} at (0,0) size 371x19
11 text run at (0,0) width 184: "This text should be on the left. "
12 text run at (184,0) width 187: "The float should be to the right."
13 LayoutBlockFlow {DIV} at (0,20) size 784x30
14 LayoutBlockFlow {DIV} at (0,50) size 784x40
15 LayoutBlockFlow (floating) {SPAN} at (0,0) size 240x104 [border: (2px solid #FF0000)]
16 LayoutText {#text} at (2,2) size 236x19
17 text run at (2,2) width 236: "I should become a left-floating element."
18 LayoutText {#text} at (240,0) size 288x39
19 text run at (240,0) width 192: "This text should be on the right. "
20 text run at (432,0) width 96: "The float should"
21 text run at (240,20) width 79: "be to the left."