1 layer at (0,0) size 802x2533
2 RenderView at (0,0) size 800x600
3 layer at (0,0) size 800x2533
4 RenderBlock {HTML} at (0,0) size 800x2533
5 RenderBody {BODY} at (8,8) size 784x2517 [bgcolor=#CCCCCC]
6 RenderBlock {P} at (0,0) size 784x16
7 RenderText {#text} at (0,0) size 363x16
8 text run at (0,0) width 363: "The style declarations which apply to the text below are:"
9 RenderBlock {PRE} at (0,32) size 784x91
10 RenderText {#text} at (0,0) size 352x91
11 text run at (0,0) width 344: ".zero {background-color: silver; margin: 0;}"
12 text run at (343,0) width 1: " "
13 text run at (0,13) width 352: ".one {margin: 0.5in; background-color: aqua;}"
14 text run at (351,13) width 1: " "
15 text run at (0,26) width 344: ".two {margin: 25px; background-color: aqua;}"
16 text run at (343,26) width 1: " "
17 text run at (0,39) width 352: ".three {margin: 5em; background-color: aqua;}"
18 text run at (351,39) width 1: " "
19 text run at (0,52) width 344: ".four {margin: 25%; background-color: aqua;}"
20 text run at (343,52) width 1: " "
21 text run at (0,65) width 164: ".five {margin: 25px;}"
22 text run at (163,65) width 1: " "
23 text run at (0,78) width 352: ".six {margin: -10px; background-color: aqua;}"
24 text run at (351,78) width 1: " "
25 RenderBlock {HR} at (0,136) size 784x2 [border: (1px inset #EEEEEE)]
26 RenderBlock {P} at (0,154) size 784x32
27 RenderText {#text} at (0,0) size 753x32
28 text run at (0,0) width 753: "NOTE: The following tests are separated by class-zero paragraphs, so as to prevent margin-collapsing as described in"
29 text run at (0,16) width 253: "section 4.1.1 of the CSS1 specification."
30 RenderBlock {P} at (0,202) size 784x16 [bgcolor=#C0C0C0]
31 RenderText {#text} at (0,0) size 208x16
32 text run at (0,0) width 208: "This element has a class of zero."
33 RenderBlock {P} at (48,266) size 688x16 [bgcolor=#00FFFF]
34 RenderText {#text} at (0,0) size 673x16
35 text run at (0,0) width 673: "This sentence should have an overall margin of half an inch, which will require extra text in order to test."
36 RenderBlock {P} at (0,330) size 784x16 [bgcolor=#C0C0C0]
37 RenderText {#text} at (0,0) size 208x16
38 text run at (0,0) width 208: "This element has a class of zero."
39 RenderBlock {P} at (25,371) size 734x16 [bgcolor=#00FFFF]
40 RenderText {#text} at (0,0) size 655x16
41 text run at (0,0) width 655: "This sentence should have an overall margin of 25 pixels, which will require extra text in order to test."
42 RenderBlock {P} at (0,412) size 784x16 [bgcolor=#C0C0C0]
43 RenderText {#text} at (0,0) size 208x16
44 text run at (0,0) width 208: "This element has a class of zero."
45 RenderBlock {P} at (80,508) size 624x32 [bgcolor=#00FFFF]
46 RenderText {#text} at (0,0) size 599x32
47 text run at (0,0) width 599: "This sentence should have an overall margin of 5 em, which will require extra text in order to"
48 text run at (0,16) width 27: "test."
49 RenderBlock {P} at (0,620) size 784x16 [bgcolor=#C0C0C0]
50 RenderText {#text} at (0,0) size 208x16
51 text run at (0,0) width 208: "This element has a class of zero."
52 RenderBlock {P} at (196,832) size 392x48 [bgcolor=#00FFFF]
53 RenderText {#text} at (0,0) size 386x48
54 text run at (0,0) width 383: "This sentence should have an overall margin of 25%, which"
55 text run at (0,16) width 386: "is calculated with respect to the width of the parent element."
56 text run at (0,32) width 272: "This will require extra text in order to test."
57 RenderBlock {P} at (0,1076) size 784x16 [bgcolor=#C0C0C0]
58 RenderText {#text} at (0,0) size 208x16
59 text run at (0,0) width 208: "This element has a class of zero."
60 RenderBlock {UL} at (25,1117) size 734x114 [bgcolor=#00FFFF]
61 RenderListItem {LI} at (40,0) size 694x16
62 RenderListMarker at (-16,0) size 6x16: bullet
63 RenderText {#text} at (0,0) size 382x16
64 text run at (0,0) width 382: "This list has a margin of 25px, and a light blue background."
65 RenderListItem {LI} at (40,16) size 694x16
66 RenderListMarker at (-16,0) size 6x16: bullet
67 RenderText {#text} at (0,0) size 269x16
68 text run at (0,0) width 269: "Therefore, it ought to have such a margin."
69 RenderListItem {LI} at (65,57) size 644x16
70 RenderListMarker at (-16,0) size 6x16: bullet
71 RenderText {#text} at (0,0) size 556x16
72 text run at (0,0) width 556: "This list item has a margin of 25px, which should cause it to be offset in some fashion."
73 RenderListItem {LI} at (40,98) size 694x16
74 RenderListMarker at (-16,0) size 6x16: bullet
75 RenderText {#text} at (0,0) size 304x16
76 text run at (0,0) width 304: "This list item has no special styles applied to it."
77 RenderBlock {P} at (0,1256) size 784x16 [bgcolor=#C0C0C0]
78 RenderText {#text} at (0,0) size 208x16
79 text run at (0,0) width 208: "This element has a class of zero."
80 RenderBlock {P} at (-10,1262) size 804x48 [bgcolor=#00FFFF]
81 RenderText {#text} at (0,0) size 789x48
82 text run at (0,0) width 772: "This paragraph has an overall margin of -10px, which should make it wider than usual as well as shift it upward and pull"
83 text run at (0,16) width 376: "subsequent text up toward it, and a light blue background. "
84 text run at (375,16) width 395: "In all other respects, however, the element should be normal. "
85 text run at (769,16) width 20: "No"
86 text run at (0,32) width 539: "styles have been applied to it besides the negative margin and the background color."
87 RenderBlock {P} at (0,1300) size 784x16 [bgcolor=#C0C0C0]
88 RenderText {#text} at (0,0) size 208x16
89 text run at (0,0) width 208: "This element has a class of zero."
90 RenderTable {TABLE} at (0,1316) size 784x1201 [border: (1px outset #808080)]
91 RenderTableSection {TBODY} at (1,1) size 782x1199
92 RenderTableRow {TR} at (0,0) size 782x24
93 RenderTableCell {TD} at (0,0) size 782x24 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
94 RenderInline {STRONG} at (0,0) size 163x16
95 RenderText {#text} at (4,4) size 163x16
96 text run at (4,4) width 163: "TABLE Testing Section"
97 RenderTableRow {TR} at (0,24) size 782x1175
98 RenderTableCell {TD} at (0,599) size 12x24 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
99 RenderText {#text} at (4,4) size 4x16
100 text run at (4,4) width 4: " "
101 RenderTableCell {TD} at (12,24) size 770x1175 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
102 RenderBlock {P} at (4,4) size 762x32
103 RenderText {#text} at (0,0) size 753x32
104 text run at (0,0) width 753: "NOTE: The following tests are separated by class-zero paragraphs, so as to prevent margin-collapsing as described in"
105 text run at (0,16) width 253: "section 4.1.1 of the CSS1 specification."
106 RenderBlock {P} at (4,52) size 762x16 [bgcolor=#C0C0C0]
107 RenderText {#text} at (0,0) size 208x16
108 text run at (0,0) width 208: "This element has a class of zero."
109 RenderBlock {P} at (52,116) size 666x32 [bgcolor=#00FFFF]
110 RenderText {#text} at (0,0) size 643x32
111 text run at (0,0) width 643: "This sentence should have an overall margin of half an inch, which will require extra text in order to"
112 text run at (0,16) width 27: "test."
113 RenderBlock {P} at (4,196) size 762x16 [bgcolor=#C0C0C0]
114 RenderText {#text} at (0,0) size 208x16
115 text run at (0,0) width 208: "This element has a class of zero."
116 RenderBlock {P} at (29,237) size 712x16 [bgcolor=#00FFFF]
117 RenderText {#text} at (0,0) size 655x16
118 text run at (0,0) width 655: "This sentence should have an overall margin of 25 pixels, which will require extra text in order to test."
119 RenderBlock {P} at (4,278) size 762x16 [bgcolor=#C0C0C0]
120 RenderText {#text} at (0,0) size 208x16
121 text run at (0,0) width 208: "This element has a class of zero."
122 RenderBlock {P} at (84,374) size 602x32 [bgcolor=#00FFFF]
123 RenderText {#text} at (0,0) size 599x32
124 text run at (0,0) width 599: "This sentence should have an overall margin of 5 em, which will require extra text in order to"
125 text run at (0,16) width 27: "test."
126 RenderBlock {P} at (4,486) size 762x16 [bgcolor=#C0C0C0]
127 RenderText {#text} at (0,0) size 208x16
128 text run at (0,0) width 208: "This element has a class of zero."
129 RenderBlock {P} at (194.50,692.50) size 381x48 [bgcolor=#00FFFF]
130 RenderText {#text} at (0,0) size 370x48
131 text run at (0,0) width 340: "This sentence should have an overall margin of 25%,"
132 text run at (0,16) width 370: "which is calculated with respect to the width of the parent"
133 text run at (0,32) width 59: "element. "
134 text run at (58,32) width 273: "This will require extra text in order to test."
135 RenderBlock {P} at (4,931) size 762x16 [bgcolor=#C0C0C0]
136 RenderText {#text} at (0,0) size 208x16
137 text run at (0,0) width 208: "This element has a class of zero."
138 RenderBlock {UL} at (29,972) size 712x114 [bgcolor=#00FFFF]
139 RenderListItem {LI} at (40,0) size 672x16
140 RenderListMarker at (-16,0) size 6x16: bullet
141 RenderText {#text} at (0,0) size 382x16
142 text run at (0,0) width 382: "This list has a margin of 25px, and a light blue background."
143 RenderListItem {LI} at (40,16) size 672x16
144 RenderListMarker at (-16,0) size 6x16: bullet
145 RenderText {#text} at (0,0) size 269x16
146 text run at (0,0) width 269: "Therefore, it ought to have such a margin."
147 RenderListItem {LI} at (65,57) size 622x16
148 RenderListMarker at (-16,0) size 6x16: bullet
149 RenderText {#text} at (0,0) size 556x16
150 text run at (0,0) width 556: "This list item has a margin of 25px, which should cause it to be offset in some fashion."
151 RenderListItem {LI} at (40,98) size 672x16
152 RenderListMarker at (-16,0) size 6x16: bullet
153 RenderText {#text} at (0,0) size 304x16
154 text run at (0,0) width 304: "This list item has no special styles applied to it."
155 RenderBlock {P} at (4,1111) size 762x16 [bgcolor=#C0C0C0]
156 RenderText {#text} at (0,0) size 208x16
157 text run at (0,0) width 208: "This element has a class of zero."
158 RenderBlock {P} at (-6,1117) size 782x48 [bgcolor=#00FFFF]
159 RenderText {#text} at (0,0) size 772x48
160 text run at (0,0) width 772: "This paragraph has an overall margin of -10px, which should make it wider than usual as well as shift it upward and pull"
161 text run at (0,16) width 376: "subsequent text up toward it, and a light blue background. "
162 text run at (375,16) width 391: "In all other respects, however, the element should be normal."
163 text run at (0,32) width 563: "No styles have been applied to it besides the negative margin and the background color."
164 RenderBlock {P} at (4,1155) size 762x16 [bgcolor=#C0C0C0]
165 RenderText {#text} at (0,0) size 208x16
166 text run at (0,0) width 208: "This element has a class of zero."