1 layer at (0,0) size 800x600
2 RenderCanvas at (0,0) size 800x600
3 layer at (0,0) size 800x534
4 RenderBlock {HTML} at (0,0) size 800x534
5 RenderBody {BODY} at (8,8) size 784x518 [bgcolor=#CCCCCC]
6 RenderBlock {P} at (0,0) size 784x17 [bgcolor=#000000]
7 RenderText {TEXT} at (0,0) size 385x17
8 text run at (0,0) width 385: "The style declarations which apply to the text below are:"
9 RenderBlock {PRE} at (0,31) size 784x80 [bgcolor=#000000]
10 RenderText {TEXT} at (0,0) size 504x64
11 text run at (0,0) width 224: ".zero { background: yellow }"
12 text run at (0,16) width 504: ".one { margin-left: 25%; margin-right: 25%; background: white }"
13 text run at (0,32) width 496: ".two { margin-left: 50%; margin-right: 0%; background: white }"
14 text run at (0,48) width 208: ".three {margin-left: 25%;}"
15 RenderBlock {HR} at (1,125) size 782x2 [bgcolor=#000000]
16 RenderBlock {DIV} at (0,141) size 784x116 [bgcolor=#FFFF00]
17 RenderBlock {DIV} at (196,0) size 392x51 [bgcolor=#FFFFFF]
18 RenderBlock {P} at (0,0) size 392x51 [bgcolor=#000000]
19 RenderText {TEXT} at (0,0) size 352x51
20 text run at (0,0) width 352: "This paragraph should be centered within its yellow"
21 text run at (0,17) width 351: "containing block and its width should be half of the"
22 text run at (0,34) width 118: "containing block."
23 RenderBlock {DIV} at (392,65) size 392x51 [bgcolor=#FFFFFF]
24 RenderBlock {P} at (0,0) size 392x51 [bgcolor=#000000]
25 RenderText {TEXT} at (0,0) size 383x51
26 text run at (0,0) width 383: "This paragraph should be right-aligned within its yellow"
27 text run at (0,17) width 351: "containing block and its width should be half of the"
28 text run at (0,34) width 118: "containing block."
29 RenderBlock {P} at (196,271) size 588x34 [bgcolor=#000000]
30 RenderText {TEXT} at (0,0) size 549x34
31 text run at (0,0) width 549: "This paragraph should have a left margin of 25% the width of its parent element,"
32 text run at (0,17) width 439: "which should require some extra text in order to test effectively."
33 RenderTable {TABLE} at (0,319) size 784x199 [bgcolor=#000000]
34 RenderTableSection {TBODY} at (1,1) size 0x197
35 RenderTableRow {TR} at (0,0) size 0x0
36 RenderTableCell {TD} at (0,0) size 782x25 [bgcolor=#C0C0C0] [r=0 c=0 rs=1 cs=2]
37 RenderInline {STRONG} at (0,0) size 164x17 [bgcolor=#000000]
38 RenderText {TEXT} at (4,4) size 164x17
39 text run at (4,4) width 164: "TABLE Testing Section"
40 RenderTableRow {TR} at (0,0) size 0x0
41 RenderTableCell {TD} at (0,98) size 12x25 [bgcolor=#C0C0C0] [r=1 c=0 rs=1 cs=1]
42 RenderText {TEXT} at (4,4) size 4x17
43 text run at (4,4) width 4: "\x{A0}"
44 RenderTableCell {TD} at (12,25) size 770x172 [r=1 c=1 rs=1 cs=1]
45 RenderBlock {DIV} at (4,4) size 762x116 [bgcolor=#FFFF00]
46 RenderBlock {DIV} at (190,0) size 382x51 [bgcolor=#FFFFFF]
47 RenderBlock {P} at (0,0) size 382x51 [bgcolor=#000000]
48 RenderText {TEXT} at (0,0) size 352x51
49 text run at (0,0) width 352: "This paragraph should be centered within its yellow"
50 text run at (0,17) width 351: "containing block and its width should be half of the"
51 text run at (0,34) width 118: "containing block."
52 RenderBlock {DIV} at (381,65) size 381x51 [bgcolor=#FFFFFF]
53 RenderBlock {P} at (0,0) size 381x51 [bgcolor=#000000]
54 RenderText {TEXT} at (0,0) size 372x51
55 text run at (0,0) width 336: "This paragraph should be right-aligned within its"
56 text run at (0,17) width 372: "yellow containing block and its width should be half of"
57 text run at (0,34) width 144: "the containing block."
58 RenderBlock {P} at (194,134) size 572x34
59 RenderText {TEXT} at (0,0) size 549x34
60 text run at (0,0) width 549: "This paragraph should have a left margin of 25% the width of its parent element,"
61 text run at (0,17) width 439: "which should require some extra text in order to test effectively."