1 layer at (0,0) size 784x1768
2 RenderView at (0,0) size 784x600
3 layer at (0,0) size 784x1768
4 RenderBlock {HTML} at (0,0) size 784x1768
5 RenderBody {BODY} at (8,8) size 768x1752 [bgcolor=#CCCCCC]
6 RenderBlock {P} at (0,0) size 768x21
7 RenderText {#text} at (0,0) size 395x21
8 text run at (0,0) width 395: "The style declarations which apply to the text below are:"
9 RenderBlock {PRE} at (0,34) size 768x136
10 RenderText {#text} at (0,0) size 286x136
11 text run at (0,0) width 267: ".zero {background-color: silver; margin-top: 0;}"
12 text run at (267,0) width 0: " "
13 text run at (0,17) width 281: ".one {margin-top: 0.5in; background-color: aqua;}"
14 text run at (281,17) width 0: " "
15 text run at (0,34) width 280: ".two {margin-top: 25px; background-color: aqua;}"
16 text run at (280,34) width 0: " "
17 text run at (0,51) width 286: ".three {margin-top: 5em; background-color: aqua;}"
18 text run at (286,51) width 0: " "
19 text run at (0,68) width 280: ".four {margin-top: 25%; background-color: aqua;}"
20 text run at (280,68) width 0: " "
21 text run at (0,85) width 138: ".five {margin-top: 25px;}"
22 text run at (138,85) width 0: " "
23 text run at (0,102) width 281: ".six {margin-top: -10px; background-color: aqua;}"
24 text run at (281,102) width 0: " "
25 text run at (0,119) width 147: "P, UL {margin-bottom: 0;}"
26 text run at (147,119) width 0: " "
27 RenderBlock {HR} at (0,183) size 768x2 [border: (1px inset #000000)]
28 RenderBlock {P} at (0,193) size 768x21 [bgcolor=#C0C0C0]
29 RenderText {#text} at (0,0) size 232x21
30 text run at (0,0) width 232: "This element has a class of zero."
31 RenderBlock {P} at (0,214) size 768x21 [bgcolor=#C0C0C0]
32 RenderText {#text} at (0,0) size 266x21
33 text run at (0,0) width 266: "This element also has a class of zero."
34 RenderBlock {P} at (0,283) size 768x42 [bgcolor=#00FFFF]
35 RenderText {#text} at (0,0) size 761x42
36 text run at (0,0) width 761: "This element should have a top margin of half an inch, which will require extra text in order to make sure that"
37 text run at (0,21) width 254: "the margin isn't applied to each line."
38 RenderBlock {P} at (0,350) size 768x42 [bgcolor=#00FFFF]
39 RenderText {#text} at (0,0) size 743x42
40 text run at (0,0) width 743: "This element should have a top margin of 25 pixels, which will require extra text in order to make sure that"
41 text run at (0,21) width 254: "the margin isn't applied to each line."
42 RenderBlock {P} at (0,472) size 768x42 [bgcolor=#00FFFF]
43 RenderText {#text} at (0,0) size 740x42
44 text run at (0,0) width 740: "This element should have a top margin of 5 em, which will require extra text in order to make sure that the"
45 text run at (0,21) width 228: "margin isn't applied to each line."
46 RenderBlock {P} at (0,706) size 768x42 [bgcolor=#00FFFF]
47 RenderText {#text} at (0,0) size 737x42
48 text run at (0,0) width 737: "This element should have a top margin of 25%, which is calculated with respect to the width of the parent"
49 text run at (0,21) width 65: "element. "
50 text run at (65,21) width 289: "This will require extra text in order to test."
51 RenderBlock {UL} at (0,773) size 768x109 [bgcolor=#00FFFF]
52 RenderListItem {LI} at (40,0) size 728x21
53 RenderListMarker at (-18,0) size 7x21: bullet
54 RenderText {#text} at (0,0) size 443x21
55 text run at (0,0) width 443: "This list has a margin-top of 25px, and a light blue background."
56 RenderListItem {LI} at (40,21) size 728x21
57 RenderListMarker at (-18,0) size 7x21: bullet
58 RenderText {#text} at (0,0) size 293x21
59 text run at (0,0) width 293: "Therefore, it ought to have such a margin."
60 RenderListItem {LI} at (40,67) size 728x21
61 RenderListMarker at (-18,0) size 7x21: bullet
62 RenderText {#text} at (0,0) size 629x21
63 text run at (0,0) width 629: "This list item has a top margin of 25px, which should cause it to be offset in some fashion."
64 RenderListItem {LI} at (40,88) size 728x21
65 RenderListMarker at (-18,0) size 7x21: bullet
66 RenderText {#text} at (0,0) size 331x21
67 text run at (0,0) width 331: "This list item has no special styles applied to it."
68 RenderBlock {P} at (0,882) size 768x21 [bgcolor=#C0C0C0]
69 RenderText {#text} at (0,0) size 232x21
70 text run at (0,0) width 232: "This element has a class of zero."
71 RenderBlock {P} at (0,893) size 768x63 [bgcolor=#00FFFF]
72 RenderText {#text} at (0,0) size 740x63
73 text run at (0,0) width 740: "This element has a top margin of -10px, which should cause it to be shifted \"upward\" on the page, and no"
74 text run at (0,21) width 109: "bottom margin. "
75 text run at (109,21) width 548: "No other styles have been applied to it besides a light blue background color. "
76 text run at (657,21) width 74: "In all other"
77 text run at (0,42) width 282: "respects, the element should be normal."
78 RenderTable {TABLE} at (0,956) size 768x796 [border: (1px outset #808080)]
79 RenderTableSection {TBODY} at (1,1) size 766x794
80 RenderTableRow {TR} at (0,0) size 766x29
81 RenderTableCell {TD} at (0,0) size 766x29 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
82 RenderInline {STRONG} at (0,0) size 178x21
83 RenderText {#text} at (4,4) size 178x21
84 text run at (4,4) width 178: "TABLE Testing Section"
85 RenderTableRow {TR} at (0,29) size 766x765
86 RenderTableCell {TD} at (0,397) size 12x29 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
87 RenderText {#text} at (4,4) size 4x21
88 text run at (4,4) width 4: " "
89 RenderTableCell {TD} at (12,29) size 754x765 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
90 RenderBlock {P} at (4,4) size 746x21 [bgcolor=#C0C0C0]
91 RenderText {#text} at (0,0) size 232x21
92 text run at (0,0) width 232: "This element has a class of zero."
93 RenderBlock {P} at (4,25) size 746x21 [bgcolor=#C0C0C0]
94 RenderText {#text} at (0,0) size 266x21
95 text run at (0,0) width 266: "This element also has a class of zero."
96 RenderBlock {P} at (4,94) size 746x42 [bgcolor=#00FFFF]
97 RenderText {#text} at (0,0) size 731x42
98 text run at (0,0) width 731: "This element should have a top margin of half an inch, which will require extra text in order to make sure"
99 text run at (0,21) width 284: "that the margin isn't applied to each line."
100 RenderBlock {P} at (4,161) size 746x42 [bgcolor=#00FFFF]
101 RenderText {#text} at (0,0) size 743x42
102 text run at (0,0) width 743: "This element should have a top margin of 25 pixels, which will require extra text in order to make sure that"
103 text run at (0,21) width 254: "the margin isn't applied to each line."
104 RenderBlock {P} at (4,283) size 746x42 [bgcolor=#00FFFF]
105 RenderText {#text} at (0,0) size 740x42
106 text run at (0,0) width 740: "This element should have a top margin of 5 em, which will require extra text in order to make sure that the"
107 text run at (0,21) width 228: "margin isn't applied to each line."
108 RenderBlock {P} at (4,511) size 746x42 [bgcolor=#00FFFF]
109 RenderText {#text} at (0,0) size 737x42
110 text run at (0,0) width 737: "This element should have a top margin of 25%, which is calculated with respect to the width of the parent"
111 text run at (0,21) width 65: "element. "
112 text run at (65,21) width 289: "This will require extra text in order to test."
113 RenderBlock {UL} at (4,578) size 746x109 [bgcolor=#00FFFF]
114 RenderListItem {LI} at (40,0) size 706x21
115 RenderListMarker at (-18,0) size 7x21: bullet
116 RenderText {#text} at (0,0) size 443x21
117 text run at (0,0) width 443: "This list has a margin-top of 25px, and a light blue background."
118 RenderListItem {LI} at (40,21) size 706x21
119 RenderListMarker at (-18,0) size 7x21: bullet
120 RenderText {#text} at (0,0) size 293x21
121 text run at (0,0) width 293: "Therefore, it ought to have such a margin."
122 RenderListItem {LI} at (40,67) size 706x21
123 RenderListMarker at (-18,0) size 7x21: bullet
124 RenderText {#text} at (0,0) size 629x21
125 text run at (0,0) width 629: "This list item has a top margin of 25px, which should cause it to be offset in some fashion."
126 RenderListItem {LI} at (40,88) size 706x21
127 RenderListMarker at (-18,0) size 7x21: bullet
128 RenderText {#text} at (0,0) size 331x21
129 text run at (0,0) width 331: "This list item has no special styles applied to it."
130 RenderBlock {P} at (4,687) size 746x21 [bgcolor=#C0C0C0]
131 RenderText {#text} at (0,0) size 232x21
132 text run at (0,0) width 232: "This element has a class of zero."
133 RenderBlock {P} at (4,698) size 746x63 [bgcolor=#00FFFF]
134 RenderText {#text} at (0,0) size 740x63
135 text run at (0,0) width 740: "This element has a top margin of -10px, which should cause it to be shifted \"upward\" on the page, and no"
136 text run at (0,21) width 109: "bottom margin. "
137 text run at (109,21) width 548: "No other styles have been applied to it besides a light blue background color. "
138 text run at (657,21) width 74: "In all other"
139 text run at (0,42) width 282: "respects, the element should be normal."