1 layer at (0,0) size 800x600
2 LayoutView at (0,0) size 800x600
3 layer at (0,0) size 800x238
4 LayoutBlockFlow {HTML} at (0,0) size 800x238
5 LayoutBlockFlow {BODY} at (8,16) size 784x214
6 LayoutBlockFlow {P} at (0,0) size 784x18
7 LayoutText {#text} at (0,0) size 296x18
8 text run at (0,0) width 296: "The three diagrams below should be identical:"
9 LayoutBlockFlow {P} at (0,34) 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,98) 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,162) size 784x52
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