1 layer at (0,0) size 786x2646
2 RenderView at (0,0) size 784x584
3 layer at (0,0) size 784x2646
4 RenderBlock {HTML} at (0,0) size 784x2646
5 RenderBody {BODY} at (8,8) size 768x2630 [bgcolor=#CCCCCC]
6 RenderBlock {P} at (0,0) size 768x18
7 RenderText {#text} at (0,0) size 363x17
8 text run at (0,0) width 363: "The style declarations which apply to the text below are:"
9 RenderBlock {PRE} at (0,34) size 768x105
10 RenderText {#text} at (0,0) size 352x105
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,15) width 352: ".one {margin: 0.5in; background-color: aqua;}"
14 text run at (351,15) width 1: " "
15 text run at (0,30) width 344: ".two {margin: 25px; background-color: aqua;}"
16 text run at (343,30) width 1: " "
17 text run at (0,45) width 352: ".three {margin: 5em; background-color: aqua;}"
18 text run at (351,45) width 1: " "
19 text run at (0,60) width 344: ".four {margin: 25%; background-color: aqua;}"
20 text run at (343,60) width 1: " "
21 text run at (0,75) width 164: ".five {margin: 25px;}"
22 text run at (163,75) width 1: " "
23 text run at (0,90) width 352: ".six {margin: -10px; background-color: aqua;}"
24 text run at (351,90) width 1: " "
25 RenderBlock {HR} at (0,152) size 768x2 [border: (1px inset #000000)]
26 RenderBlock {P} at (0,170) size 768x36
27 RenderText {#text} at (0,0) size 753x35
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,18) width 253: "section 4.1.1 of the CSS1 specification."
30 RenderBlock {P} at (0,222) size 768x18 [bgcolor=#C0C0C0]
31 RenderText {#text} at (0,0) size 208x17
32 text run at (0,0) width 208: "This element has a class of zero."
33 RenderBlock {P} at (48,288) size 672x36 [bgcolor=#00FFFF]
34 RenderText {#text} at (0,0) size 643x35
35 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"
36 text run at (0,18) width 27: "test."
37 RenderBlock {P} at (0,372) size 768x18 [bgcolor=#C0C0C0]
38 RenderText {#text} at (0,0) size 208x17
39 text run at (0,0) width 208: "This element has a class of zero."
40 RenderBlock {P} at (25,415) size 718x18 [bgcolor=#00FFFF]
41 RenderText {#text} at (0,0) size 655x17
42 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."
43 RenderBlock {P} at (0,458) size 768x18 [bgcolor=#C0C0C0]
44 RenderText {#text} at (0,0) size 208x17
45 text run at (0,0) width 208: "This element has a class of zero."
46 RenderBlock {P} at (80,556) size 608x36 [bgcolor=#00FFFF]
47 RenderText {#text} at (0,0) size 599x35
48 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"
49 text run at (0,18) width 27: "test."
50 RenderBlock {P} at (0,672) size 768x18 [bgcolor=#C0C0C0]
51 RenderText {#text} at (0,0) size 208x17
52 text run at (0,0) width 208: "This element has a class of zero."
53 RenderBlock {P} at (192,882) size 384x54 [bgcolor=#00FFFF]
54 RenderText {#text} at (0,0) size 383x53
55 text run at (0,0) width 383: "This sentence should have an overall margin of 25%, which"
56 text run at (0,18) width 327: "is calculated with respect to the width of the parent"
57 text run at (0,36) width 59: "element. "
58 text run at (58,36) width 273: "This will require extra text in order to test."
59 RenderBlock {P} at (0,1128) size 768x18 [bgcolor=#C0C0C0]
60 RenderText {#text} at (0,0) size 208x17
61 text run at (0,0) width 208: "This element has a class of zero."
62 RenderBlock {UL} at (25,1171) size 718x122 [bgcolor=#00FFFF]
63 RenderListItem {LI} at (40,0) size 678x18
64 RenderListMarker at (-17,0) size 7x17: bullet
65 RenderText {#text} at (0,0) size 382x17
66 text run at (0,0) width 382: "This list has a margin of 25px, and a light blue background."
67 RenderListItem {LI} at (40,18) size 678x18
68 RenderListMarker at (-17,0) size 7x17: bullet
69 RenderText {#text} at (0,0) size 269x17
70 text run at (0,0) width 269: "Therefore, it ought to have such a margin."
71 RenderListItem {LI} at (65,61) size 628x18
72 RenderListMarker at (-17,0) size 7x17: bullet
73 RenderText {#text} at (0,0) size 556x17
74 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."
75 RenderListItem {LI} at (40,104) size 678x18
76 RenderListMarker at (-17,0) size 7x17: bullet
77 RenderText {#text} at (0,0) size 304x17
78 text run at (0,0) width 304: "This list item has no special styles applied to it."
79 RenderBlock {P} at (0,1318) size 768x18 [bgcolor=#C0C0C0]
80 RenderText {#text} at (0,0) size 208x17
81 text run at (0,0) width 208: "This element has a class of zero."
82 RenderBlock {P} at (-10,1326) size 788x54 [bgcolor=#00FFFF]
83 RenderText {#text} at (0,0) size 772x53
84 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"
85 text run at (0,18) width 376: "subsequent text up toward it, and a light blue background. "
86 text run at (375,18) width 391: "In all other respects, however, the element should be normal."
87 text run at (0,36) width 563: "No styles have been applied to it besides the negative margin and the background color."
88 RenderBlock {P} at (0,1370) size 768x18 [bgcolor=#C0C0C0]
89 RenderText {#text} at (0,0) size 208x17
90 text run at (0,0) width 208: "This element has a class of zero."
91 RenderTable {TABLE} at (0,1388) size 768x1242 [border: (1px outset #808080)]
92 RenderTableSection {TBODY} at (1,1) size 766x1240
93 RenderTableRow {TR} at (0,0) size 766x26
94 RenderTableCell {TD} at (0,0) size 766x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
95 RenderInline {STRONG} at (0,0) size 163x17
96 RenderText {#text} at (4,4) size 163x17
97 text run at (4,4) width 163: "TABLE Testing Section"
98 RenderTableRow {TR} at (0,26) size 766x1214
99 RenderTableCell {TD} at (0,620) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
100 RenderText {#text} at (4,4) size 4x17
101 text run at (4,4) width 4: " "
102 RenderTableCell {TD} at (12,26) size 754x1214 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
103 RenderBlock {P} at (4,4) size 746x36
104 RenderText {#text} at (0,0) size 736x35
105 text run at (0,0) width 736: "NOTE: The following tests are separated by class-zero paragraphs, so as to prevent margin-collapsing as described"
106 text run at (0,18) width 269: "in section 4.1.1 of the CSS1 specification."
107 RenderBlock {P} at (4,56) size 746x18 [bgcolor=#C0C0C0]
108 RenderText {#text} at (0,0) size 208x17
109 text run at (0,0) width 208: "This element has a class of zero."
110 RenderBlock {P} at (52,122) size 650x36 [bgcolor=#00FFFF]
111 RenderText {#text} at (0,0) size 643x35
112 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"
113 text run at (0,18) width 27: "test."
114 RenderBlock {P} at (4,206) size 746x18 [bgcolor=#C0C0C0]
115 RenderText {#text} at (0,0) size 208x17
116 text run at (0,0) width 208: "This element has a class of zero."
117 RenderBlock {P} at (29,249) size 696x18 [bgcolor=#00FFFF]
118 RenderText {#text} at (0,0) size 655x17
119 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."
120 RenderBlock {P} at (4,292) size 746x18 [bgcolor=#C0C0C0]
121 RenderText {#text} at (0,0) size 208x17
122 text run at (0,0) width 208: "This element has a class of zero."
123 RenderBlock {P} at (84,390) size 586x36 [bgcolor=#00FFFF]
124 RenderText {#text} at (0,0) size 582x35
125 text run at (0,0) width 582: "This sentence should have an overall margin of 5 em, which will require extra text in order"
126 text run at (0,18) width 43: "to test."
127 RenderBlock {P} at (4,506) size 746x18 [bgcolor=#C0C0C0]
128 RenderText {#text} at (0,0) size 208x17
129 text run at (0,0) width 208: "This element has a class of zero."
130 RenderBlock {P} at (190,710) size 374x54 [bgcolor=#00FFFF]
131 RenderText {#text} at (0,0) size 370x53
132 text run at (0,0) width 340: "This sentence should have an overall margin of 25%,"
133 text run at (0,18) width 370: "which is calculated with respect to the width of the parent"
134 text run at (0,36) width 59: "element. "
135 text run at (58,36) width 273: "This will require extra text in order to test."
136 RenderBlock {P} at (4,950) size 746x18 [bgcolor=#C0C0C0]
137 RenderText {#text} at (0,0) size 208x17
138 text run at (0,0) width 208: "This element has a class of zero."
139 RenderBlock {UL} at (29,993) size 696x122 [bgcolor=#00FFFF]
140 RenderListItem {LI} at (40,0) size 656x18
141 RenderListMarker at (-17,0) size 7x17: bullet
142 RenderText {#text} at (0,0) size 382x17
143 text run at (0,0) width 382: "This list has a margin of 25px, and a light blue background."
144 RenderListItem {LI} at (40,18) size 656x18
145 RenderListMarker at (-17,0) size 7x17: bullet
146 RenderText {#text} at (0,0) size 269x17
147 text run at (0,0) width 269: "Therefore, it ought to have such a margin."
148 RenderListItem {LI} at (65,61) size 606x18
149 RenderListMarker at (-17,0) size 7x17: bullet
150 RenderText {#text} at (0,0) size 556x17
151 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."
152 RenderListItem {LI} at (40,104) size 656x18
153 RenderListMarker at (-17,0) size 7x17: bullet
154 RenderText {#text} at (0,0) size 304x17
155 text run at (0,0) width 304: "This list item has no special styles applied to it."
156 RenderBlock {P} at (4,1140) size 746x18 [bgcolor=#C0C0C0]
157 RenderText {#text} at (0,0) size 208x17
158 text run at (0,0) width 208: "This element has a class of zero."
159 RenderBlock {P} at (-6,1148) size 766x54 [bgcolor=#00FFFF]
160 RenderText {#text} at (0,0) size 743x53
161 text run at (0,0) width 743: "This paragraph has an overall margin of -10px, which should make it wider than usual as well as shift it upward and"
162 text run at (0,18) width 404: "pull subsequent text up toward it, and a light blue background. "
163 text run at (403,18) width 338: "In all other respects, however, the element should be"
164 text run at (0,36) width 54: "normal. "
165 text run at (53,36) width 563: "No styles have been applied to it besides the negative margin and the background color."
166 RenderBlock {P} at (4,1192) size 746x18 [bgcolor=#C0C0C0]
167 RenderText {#text} at (0,0) size 208x17
168 text run at (0,0) width 208: "This element has a class of zero."