1 layer at (0,0) size 800x600
2 LayoutView at (0,0) size 800x600
3 layer at (0,0) size 800x241
4 LayoutBlockFlow {HTML} at (0,0) size 800x241
5 LayoutBlockFlow {BODY} at (8,16) size 784x217
6 LayoutBlockFlow {P} at (0,0) size 784x20
7 LayoutText {#text} at (0,0) size 274x19
8 text run at (0,0) width 274: "The three diagrams below should be identical:"
9 LayoutBlockFlow {P} at (0,36) size 160x48 [color=#FFA500] [bgcolor=#FFFF00]
10 LayoutText {#text} at (0,0) size 112x16
11 text run at (0,0) width 112: "xxx xxx"
12 LayoutInline {SPAN} at (0,0) size 112x16 [bgcolor=#00FF00]
13 LayoutText {#text} at (0,16) size 112x16
14 text run at (0,16) width 112: "xxx xxx"
15 LayoutText {#text} at (0,32) size 112x16
16 text run at (0,32) width 112: "xxx xxx"
17 LayoutBlockFlow {P} at (0,100) size 160x48 [color=#FFA500] [bgcolor=#FFFF00]
18 LayoutText {#text} at (0,0) size 112x16
19 text run at (0,0) width 112: "xxx xxx"
20 LayoutInline {SPAN} at (0,0) size 112x16 [bgcolor=#00FF00]
21 LayoutText {#text} at (0,16) size 112x16
22 text run at (0,16) width 112: "xxx xxx"
23 LayoutText {#text} at (0,32) size 112x16
24 text run at (0,32) width 112: "xxx xxx"
25 LayoutBlockFlow {DIV} at (0,164) size 784x53
26 LayoutImage {IMG} at (0,0) size 48x48
27 LayoutImage {IMG} at (48,0) size 16x48 [border: (16px solid #FFFF00) none (16px solid #FFFF00) none]
28 LayoutImage {IMG} at (64,0) size 48x48
29 LayoutImage {IMG} at (112,0) size 48x48
30 LayoutText {#text} at (0,0) size 0x0