1 layer at (0,0) size 800x600
2 LayoutView at (0,0) size 800x600
3 layer at (0,0) size 800x184
4 LayoutBlockFlow {HTML} at (0,0) size 800x184
5 LayoutBlockFlow {BODY} at (8,8) size 784x160
6 LayoutBlockFlow {P} at (0,0) size 784x20 [color=#000080]
7 LayoutText {#text} at (0,0) size 297x19
8 text run at (0,0) width 297: "The following two diagrams should look identical."
9 LayoutBlockFlow {DIV} at (16,36) size 166x54 [color=#008080] [bgcolor=#FFA500] [border: (3px solid #000000)]
10 LayoutBlockFlow {UL} at (35,3) size 128x48 [bgcolor=#FFFF00]
11 LayoutListItem {LI} at (0,0) size 128x16
12 LayoutText {#text} at (0,0) size 16x16
13 text run at (0,0) width 16: "-"
14 LayoutListItem {LI} at (32,16) size 96x16 [bgcolor=#00FFFF]
15 LayoutText {#text} at (0,0) size 16x16
16 text run at (0,0) width 16: "-"
17 LayoutListItem {LI} at (0,32) size 128x16
18 LayoutText {#text} at (0,0) size 16x16
19 text run at (0,0) width 16: "-"
20 LayoutBlockFlow {DIV} at (16,106) size 166x54 [bgcolor=#FF0000] [border: (3px solid #000000)]
21 LayoutBlockFlow {DIV} at (3,3) size 160x16 [border: none (112px solid #FFFF00) none (32px solid #FFA500)]
22 LayoutBlockFlow {DIV} at (32,0) size 16x16 [border: none none none (16px solid #008080)]
23 LayoutBlockFlow {DIV} at (3,19) size 160x16 [border: none (80px solid #00FFFF) none (32px solid #FFA500)]
24 LayoutBlockFlow {DIV} at (32,0) size 48x16 [border: none (16px solid #008080) none (32px solid #FFFF00)]
25 LayoutBlockFlow {DIV} at (3,35) size 160x16 [border: none (112px solid #FFFF00) none (32px solid #FFA500)]
26 LayoutBlockFlow {DIV} at (32,0) size 16x16 [border: none none none (16px solid #008080)]