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 784x576
6 LayoutBlockFlow {P} at (0,0) size 784x60
7 LayoutText {#text} at (0,0) size 765x59
8 text run at (0,0) width 477: "On the left, you should see three blocks that are aligned left within a black box. "
9 text run at (477,0) width 77: "They should "
10 text run at (554,0) width 211: "be stacked vertically with the green"
11 text run at (0,20) width 199: "box in between two olive boxes. "
12 text run at (199,20) width 184: "The olive boxes and the green "
13 text run at (383,20) width 352: "box should be 100x100, and there should be 100 pixels of"
14 text run at (0,40) width 252: "padding on the right side of the box stack."
15 LayoutBlockFlow {P} at (0,76) size 784x60
16 LayoutText {#text} at (0,0) size 781x59
17 text run at (0,0) width 466: "On the right, you should see two blocks that are centered within a black box. "
18 text run at (466,0) width 96: "They should be "
19 text run at (562,0) width 219: "stacked vertically with the green box"
20 text run at (0,20) width 367: "below the olive box. The olive box and the green box should "
21 text run at (367,20) width 390: "be 100x100, and there should be 100 pixels of padding on either"
22 text run at (0,40) width 129: "side of the box stack."
23 layer at (8,160) size 240x340
24 LayoutBlockFlow (positioned) {DIV} at (8,160) size 240x340 [border: (20px solid #000000)]
25 LayoutTable {TABLE} at (20,20) size 100x100
26 LayoutTableSection {TBODY} at (0,0) size 100x100
27 LayoutTableRow {TR} at (0,0) size 100x100
28 LayoutTableCell {TD} at (0,0) size 100x100 [r=0 c=0 rs=1 cs=1]
29 LayoutBlockFlow {DIV} at (0,0) size 100x100 [bgcolor=#808000]
30 layer at (28,280) size 100x100
31 LayoutBlockFlow (positioned) {DIV} at (20,120) size 100x100 [bgcolor=#008000]
32 layer at (28,380) size 100x100
33 LayoutBlockFlow (positioned) {DIV} at (20,220) size 100x100 [bgcolor=#808000]
34 layer at (300,160) size 340x240
35 LayoutBlockFlow (positioned) {DIV} at (300,160) size 340x240 [border: (20px solid #000000)]
36 layer at (320,180) size 200x100
37 LayoutBlockFlow (relative positioned) {DIV} at (20,20) size 200x100
38 LayoutBlockFlow {DIV} at (100,0) size 100x100 [bgcolor=#808000]
39 layer at (420,280) size 100x100
40 LayoutBlockFlow (positioned) {DIV} at (100,100) size 100x100 [bgcolor=#008000]