1 layer at (0,0) size 786x2894
2 RenderView at (0,0) size 784x584
3 layer at (0,0) size 784x2894
4 RenderBlock {HTML} at (0,0) size 784x2894
5 RenderBody {BODY} at (8,8) size 768x2878 [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,37) size 768x119
10 RenderText {#text} at (0,0) size 264x119
11 text run at (0,0) width 245: ".zero {background-color: silver; margin: 0;}"
12 text run at (245,0) width 0: " "
13 text run at (0,17) width 259: ".one {margin: 0.5in; background-color: aqua;}"
14 text run at (259,17) width 0: " "
15 text run at (0,34) width 258: ".two {margin: 25px; background-color: aqua;}"
16 text run at (258,34) width 0: " "
17 text run at (0,51) width 264: ".three {margin: 5em; background-color: aqua;}"
18 text run at (264,51) width 0: " "
19 text run at (0,68) width 258: ".four {margin: 25%; background-color: aqua;}"
20 text run at (258,68) width 0: " "
21 text run at (0,85) width 116: ".five {margin: 25px;}"
22 text run at (116,85) width 0: " "
23 text run at (0,102) width 259: ".six {margin: -10px; background-color: aqua;}"
24 text run at (259,102) width 0: " "
25 RenderBlock {HR} at (0,169) size 768x2 [border: (1px inset #000000)]
26 RenderBlock {P} at (0,187) size 768x42
27 RenderText {#text} at (0,0) size 743x42
28 text run at (0,0) width 743: "NOTE: The following tests are separated by class-zero paragraphs, so as to prevent margin-collapsing as"
29 text run at (0,21) width 368: "described in section 4.1.1 of the CSS1 specification."
30 RenderBlock {P} at (0,245) size 768x21 [bgcolor=#C0C0C0]
31 RenderText {#text} at (0,0) size 232x21
32 text run at (0,0) width 232: "This element has a class of zero."
33 RenderBlock {P} at (48,314) size 672x42 [bgcolor=#00FFFF]
34 RenderText {#text} at (0,0) size 638x42
35 text run at (0,0) width 638: "This sentence should have an overall margin of half an inch, which will require extra text in"
36 text run at (0,21) width 87: "order to test."
37 RenderBlock {P} at (0,404) size 768x21 [bgcolor=#C0C0C0]
38 RenderText {#text} at (0,0) size 232x21
39 text run at (0,0) width 232: "This element has a class of zero."
40 RenderBlock {P} at (25,450) size 718x21 [bgcolor=#00FFFF]
41 RenderText {#text} at (0,0) size 711x21
42 text run at (0,0) width 711: "This sentence should have an overall margin of 25 pixels, which will require extra text in order to test."
43 RenderBlock {P} at (0,496) size 768x21 [bgcolor=#C0C0C0]
44 RenderText {#text} at (0,0) size 232x21
45 text run at (0,0) width 232: "This element has a class of zero."
46 RenderBlock {P} at (80,597) size 608x42 [bgcolor=#00FFFF]
47 RenderText {#text} at (0,0) size 591x42
48 text run at (0,0) width 591: "This sentence should have an overall margin of 5 em, which will require extra text in"
49 text run at (0,21) width 87: "order to test."
50 RenderBlock {P} at (0,719) size 768x21 [bgcolor=#C0C0C0]
51 RenderText {#text} at (0,0) size 232x21
52 text run at (0,0) width 232: "This element has a class of zero."
53 RenderBlock {P} at (192,932) size 384x84 [bgcolor=#00FFFF]
54 RenderText {#text} at (0,0) size 375x84
55 text run at (0,0) width 375: "This sentence should have an overall margin of 25%,"
56 text run at (0,21) width 352: "which is calculated with respect to the width of the"
57 text run at (0,42) width 114: "parent element. "
58 text run at (114,42) width 256: "This will require extra text in order to"
59 text run at (0,63) width 29: "test."
60 RenderBlock {P} at (0,1208) size 768x21 [bgcolor=#C0C0C0]
61 RenderText {#text} at (0,0) size 232x21
62 text run at (0,0) width 232: "This element has a class of zero."
63 RenderBlock {UL} at (25,1254) size 718x134 [bgcolor=#00FFFF]
64 RenderListItem {LI} at (40,0) size 678x21
65 RenderListMarker at (-18,0) size 7x21: bullet
66 RenderText {#text} at (0,0) size 416x21
67 text run at (0,0) width 416: "This list has a margin of 25px, and a light blue background."
68 RenderListItem {LI} at (40,21) size 678x21
69 RenderListMarker at (-18,0) size 7x21: bullet
70 RenderText {#text} at (0,0) size 293x21
71 text run at (0,0) width 293: "Therefore, it ought to have such a margin."
72 RenderListItem {LI} at (65,67) size 628x21
73 RenderListMarker at (-18,0) size 7x21: bullet
74 RenderText {#text} at (0,0) size 603x21
75 text run at (0,0) width 603: "This list item has a margin of 25px, which should cause it to be offset in some fashion."
76 RenderListItem {LI} at (40,113) size 678x21
77 RenderListMarker at (-18,0) size 7x21: bullet
78 RenderText {#text} at (0,0) size 331x21
79 text run at (0,0) width 331: "This list item has no special styles applied to it."
80 RenderBlock {P} at (0,1413) size 768x21 [bgcolor=#C0C0C0]
81 RenderText {#text} at (0,0) size 232x21
82 text run at (0,0) width 232: "This element has a class of zero."
83 RenderBlock {P} at (-10,1424) size 788x63 [bgcolor=#00FFFF]
84 RenderText {#text} at (0,0) size 781x63
85 text run at (0,0) width 781: "This paragraph has an overall margin of -10px, which should make it wider than usual as well as shift it upward"
86 text run at (0,21) width 472: "and pull subsequent text up toward it, and a light blue background. "
87 text run at (472,21) width 298: "In all other respects, however, the element"
88 text run at (0,42) width 131: "should be normal. "
89 text run at (131,42) width 623: "No styles have been applied to it besides the negative margin and the background color."
90 RenderBlock {P} at (0,1477) size 768x21 [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 RenderTable {TABLE} at (0,1498) size 768x1380 [border: (1px outset #808080)]
94 RenderTableSection {TBODY} at (1,1) size 766x1378
95 RenderTableRow {TR} at (0,0) size 766x29
96 RenderTableCell {TD} at (0,0) size 766x29 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
97 RenderInline {STRONG} at (0,0) size 178x21
98 RenderText {#text} at (4,4) size 178x21
99 text run at (4,4) width 178: "TABLE Testing Section"
100 RenderTableRow {TR} at (0,29) size 766x1349
101 RenderTableCell {TD} at (0,689) size 12x29 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
102 RenderText {#text} at (4,4) size 4x21
103 text run at (4,4) width 4: " "
104 RenderTableCell {TD} at (12,29) size 754x1349 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
105 RenderBlock {P} at (4,4) size 746x42
106 RenderText {#text} at (0,0) size 743x42
107 text run at (0,0) width 743: "NOTE: The following tests are separated by class-zero paragraphs, so as to prevent margin-collapsing as"
108 text run at (0,21) width 368: "described in section 4.1.1 of the CSS1 specification."
109 RenderBlock {P} at (4,62) size 746x21 [bgcolor=#C0C0C0]
110 RenderText {#text} at (0,0) size 232x21
111 text run at (0,0) width 232: "This element has a class of zero."
112 RenderBlock {P} at (52,131) size 650x42 [bgcolor=#00FFFF]
113 RenderText {#text} at (0,0) size 638x42
114 text run at (0,0) width 638: "This sentence should have an overall margin of half an inch, which will require extra text in"
115 text run at (0,21) width 87: "order to test."
116 RenderBlock {P} at (4,221) size 746x21 [bgcolor=#C0C0C0]
117 RenderText {#text} at (0,0) size 232x21
118 text run at (0,0) width 232: "This element has a class of zero."
119 RenderBlock {P} at (29,267) size 696x42 [bgcolor=#00FFFF]
120 RenderText {#text} at (0,0) size 678x42
121 text run at (0,0) width 678: "This sentence should have an overall margin of 25 pixels, which will require extra text in order to"
122 text run at (0,21) width 29: "test."
123 RenderBlock {P} at (4,334) size 746x21 [bgcolor=#C0C0C0]
124 RenderText {#text} at (0,0) size 232x21
125 text run at (0,0) width 232: "This element has a class of zero."
126 RenderBlock {P} at (84,435) size 586x42 [bgcolor=#00FFFF]
127 RenderText {#text} at (0,0) size 574x42
128 text run at (0,0) width 574: "This sentence should have an overall margin of 5 em, which will require extra text"
129 text run at (0,21) width 104: "in order to test."
130 RenderBlock {P} at (4,557) 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 (190,764) size 374x84 [bgcolor=#00FFFF]
134 RenderText {#text} at (0,0) size 366x84
135 text run at (0,0) width 335: "This sentence should have an overall margin of"
136 text run at (0,21) width 366: "25%, which is calculated with respect to the width of"
137 text run at (0,42) width 140: "the parent element. "
138 text run at (140,42) width 198: "This will require extra text in"
139 text run at (0,63) width 87: "order to test."
140 RenderBlock {P} at (4,1034) size 746x21 [bgcolor=#C0C0C0]
141 RenderText {#text} at (0,0) size 232x21
142 text run at (0,0) width 232: "This element has a class of zero."
143 RenderBlock {UL} at (29,1080) size 696x134 [bgcolor=#00FFFF]
144 RenderListItem {LI} at (40,0) size 656x21
145 RenderListMarker at (-18,0) size 7x21: bullet
146 RenderText {#text} at (0,0) size 416x21
147 text run at (0,0) width 416: "This list has a margin of 25px, and a light blue background."
148 RenderListItem {LI} at (40,21) size 656x21
149 RenderListMarker at (-18,0) size 7x21: bullet
150 RenderText {#text} at (0,0) size 293x21
151 text run at (0,0) width 293: "Therefore, it ought to have such a margin."
152 RenderListItem {LI} at (65,67) size 606x21
153 RenderListMarker at (-18,0) size 7x21: bullet
154 RenderText {#text} at (0,0) size 603x21
155 text run at (0,0) width 603: "This list item has a margin of 25px, which should cause it to be offset in some fashion."
156 RenderListItem {LI} at (40,113) size 656x21
157 RenderListMarker at (-18,0) size 7x21: bullet
158 RenderText {#text} at (0,0) size 331x21
159 text run at (0,0) width 331: "This list item has no special styles applied to it."
160 RenderBlock {P} at (4,1239) size 746x21 [bgcolor=#C0C0C0]
161 RenderText {#text} at (0,0) size 232x21
162 text run at (0,0) width 232: "This element has a class of zero."
163 RenderBlock {P} at (-6,1250) size 766x84 [bgcolor=#00FFFF]
164 RenderText {#text} at (0,0) size 766x84
165 text run at (0,0) width 724: "This paragraph has an overall margin of -10px, which should make it wider than usual as well as shift it"
166 text run at (0,21) width 529: "upward and pull subsequent text up toward it, and a light blue background. "
167 text run at (529,21) width 237: "In all other respects, however, the"
168 text run at (0,42) width 192: "element should be normal. "
169 text run at (192,42) width 492: "No styles have been applied to it besides the negative margin and the"
170 text run at (0,63) width 127: "background color."
171 RenderBlock {P} at (4,1324) size 746x21 [bgcolor=#C0C0C0]
172 RenderText {#text} at (0,0) size 232x21
173 text run at (0,0) width 232: "This element has a class of zero."