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 (0,0) size 800x600
6 LayoutBlockFlow {DIV} at (0,0) size 800x121 [bgcolor=#008000] [border: (1px solid #FFFFFF) none]
7 LayoutBlockFlow {H1} at (0,51) size 800x70 [color=#FFFFFF]
8 LayoutBlockFlow {DIV} at (0,171) size 800x0
9 LayoutBlockFlow {UL} at (0,0) size 800x0
10 LayoutBlockFlow (floating) {LI} at (0,0) size 435x24 [border: (2px solid #0000FF)]
11 LayoutText {#text} at (2,2) size 431x19
12 text run at (2,2) width 431: "There should be a gap between this float and the green rectangle above."
13 LayoutBlockFlow {DIV} at (0,221) size 800x56 [bgcolor=#DDDDDD] [border: (2px solid #000000)]
14 LayoutBlockFlow (floating) {DIV} at (2,2) size 32x32 [bgcolor=#FFFFFF]
15 LayoutBlockFlow {DIV} at (2,34) size 796x0
16 LayoutBlockFlow (anonymous) at (2,34) size 796x20
17 LayoutText {#text} at (0,0) size 460x19
18 text run at (0,0) width 460: "This text should be inside a black rectangle and below the 2em white square."
19 LayoutBlockFlow {DIV} at (0,293) size 800x72 [bgcolor=#DDDDDD] [border: (2px solid #000000)]
20 LayoutBlockFlow (floating) {DIV} at (2,2) size 32x32 [bgcolor=#FFFFFF]
21 LayoutBlockFlow {DIV} at (2,34) size 796x0
22 LayoutBlockFlow (anonymous) at (2,50) size 796x20
23 LayoutText {#text} at (0,0) size 488x19
24 text run at (0,0) width 488: "This text should also be inside a black rectangle and below the 2em white square."