1 layer at (0,0) size 800x2471
2 RenderCanvas at (0,0) size 800x600
3 layer at (0,0) size 800x2471
4 RenderBlock {HTML} at (0,0) size 800x2471
5 RenderBody {BODY} at (8,8) size 784x2455 [bgcolor=#CCCCCC]
6 RenderBlock {P} at (0,0) size 784x18
7 RenderText {TEXT} at (0,0) size 355x18
8 text run at (0,0) width 355: "The style declarations which apply to the text below are:"
9 RenderBlock {PRE} at (0,34) size 784x300
10 RenderText {TEXT} at (0,0) size 496x285
11 text run at (0,0) width 184: "P.one {margin-bottom: 2"
12 text run at (184,0) width 184: "cm; padding-bottom: 0;}"
13 text run at (0,15) width 160: "P.two {margin-top: 2"
14 text run at (160,15) width 160: "cm; padding-top: 0;}"
15 text run at (0,30) width 320: "P.three {margin-top: 0; padding-top: 0;}"
16 text run at (0,45) width 176: "P.four {margin-top: -1"
17 text run at (176,45) width 168: "cm; margin-bottom: 0;"
18 text run at (0,60) width 344: " padding-top: 0; padding-bottom: 0;}"
19 text run at (0,75) width 184: "DIV.five {margin-top: 1"
20 text run at (184,75) width 160: "cm; margin-bottom: 1"
21 text run at (344,75) width 24: "cm;"
22 text run at (0,90) width 192: " padding-top: 1"
23 text run at (192,90) width 184: "cm; padding-bottom: 0;}"
24 text run at (0,105) width 160: "P.six {margin-top: 1"
25 text run at (160,105) width 160: "cm; margin-bottom: 1"
26 text run at (320,105) width 24: "cm;"
27 text run at (0,120) width 336: " padding-top: 0; padding-bottom: 0;}"
28 text run at (0,135) width 176: "P.seven {margin-top: 1"
29 text run at (176,135) width 160: "cm; padding-top: 0;}"
30 text run at (0,150) width 208: "P.eight {margin-bottom: -1"
31 text run at (208,150) width 168: "cm; padding-bottom: 2"
32 text run at (376,150) width 32: "cm;}"
33 text run at (0,165) width 176: "P.nine {margin-top: -1"
34 text run at (176,165) width 144: "cm; padding-top: 1"
35 text run at (320,165) width 24: "cm;"
36 text run at (0,180) width 344: " padding-bottom: 0; margin-bottom: 1"
37 text run at (344,180) width 32: "cm;}"
38 text run at (0,195) width 160: "P.ten {margin-top: 1"
39 text run at (160,195) width 144: "cm;padding-top: 0;"
40 text run at (0,210) width 248: " float: left;width: 50%;}"
41 text run at (0,225) width 184: "P.eleven {margin-top: 1"
42 text run at (184,225) width 264: "cm; padding-top: 0; clear: none;}"
43 text run at (0,240) width 360: "P.twelve {margin-bottom: 0; padding-bottom: 1"
44 text run at (360,240) width 136: "cm; clear: both;}"
45 text run at (0,255) width 328: "P.thirteen {margin-top: 0; padding-top: 1"
46 text run at (328,255) width 32: "cm;}"
47 text run at (0,270) width 160: "TABLE {clear: both;}"
48 RenderBlock {HR} at (0,347) size 784x2 [border: (1px inset #000000)]
49 RenderBlock {P} at (0,365) size 784x36
50 RenderText {TEXT} at (0,0) size 754x36
51 text run at (0,0) width 754: "There should be a two-centimeter margin between this paragraph and the next, because adjacent vertical margins should"
52 text run at (0,18) width 255: "collapse to the maximum of the margins."
53 RenderBlock {P} at (0,476) size 784x18
54 RenderText {TEXT} at (0,0) size 164x18
55 text run at (0,0) width 164: "This is another paragraph."
56 RenderBlock {P} at (0,510) size 784x18
57 RenderText {TEXT} at (0,0) size 494x18
58 text run at (0,0) width 494: "There should be a two-centimeter margin between this paragraph and the next."
59 RenderBlock {P} at (0,603) size 784x18
60 RenderText {TEXT} at (0,0) size 164x18
61 text run at (0,0) width 164: "This is another paragraph."
62 RenderBlock {P} at (0,637) size 784x36
63 RenderText {TEXT} at (0,0) size 771x36
64 text run at (0,0) width 771: "There should be a one-centimeter margin between this paragraph and the next, because when there is one negative margin,"
65 text run at (0,18) width 413: "the two margins should be added (the minus sign should be kept)."
66 RenderBlock {P} at (0,711) size 784x18
67 RenderText {TEXT} at (0,0) size 164x18
68 text run at (0,0) width 164: "This is another paragraph."
69 RenderBlock {DIV} at (0,766) size 784x128
70 RenderBlock {P} at (0,74) size 784x54
71 RenderText {TEXT} at (0,0) size 784x54
72 text run at (0,0) width 784: "There should be three centimeters between this text and the text above, but only one centimeter between this text and the text"
73 text run at (0,18) width 733: "below, because vertical margins of nested elements should collapse only if there is no border or padding between the"
74 text run at (0,36) width 54: "margins."
75 RenderBlock {P} at (0,931) size 784x18
76 RenderText {TEXT} at (0,0) size 109x18
77 text run at (0,0) width 109: "This is more text."
78 RenderBlock {P} at (0,965) size 784x111
79 RenderText {TEXT} at (0,0) size 783x36
80 text run at (0,0) width 783: "There should be two centimeters between this paragraph and the one below, because negative margins collapse to a negative"
81 text run at (0,18) width 399: "margin with the largest absolute value of the margins collapsed."
82 RenderBlock {P} at (0,1039) size 784x73
83 RenderText {TEXT} at (0,37) size 765x36
84 text run at (0,37) width 765: "This is a paragraph, which I should make very long so that you can easily see how much space there is between it and the"
85 text run at (0,55) width 181: "one below it and to the right."
86 RenderBlock (floating) {P} at (0,1186) size 392x54
87 RenderText {TEXT} at (0,0) size 382x54
88 text run at (0,0) width 382: "There should be two centimeters between this paragraph and"
89 text run at (0,18) width 365: "the one above it, since margins do not collapse on floating"
90 text run at (0,36) width 59: "elements."
91 RenderBlock {P} at (0,1149) size 784x54
92 RenderText {TEXT} at (392,0) size 375x54
93 text run at (392,0) width 375: "There should be one centimeter between this paragraph and"
94 text run at (392,18) width 356: "the (non-floating) one above it, since the float should not"
95 text run at (392,36) width 181: "effect the paragraph spacing."
96 RenderBlock {P} at (0,1256) size 784x73
97 RenderText {TEXT} at (0,0) size 750x36
98 text run at (0,0) width 555: "There should be two centimeters of padding between this paragraph and the one below. "
99 text run at (555,0) width 195: "Padding does not collapse, and"
100 text run at (0,18) width 57: "there is 1"
101 text run at (57,18) width 177: "cm of padding on each side."
102 RenderBlock {P} at (0,1329) size 784x55
103 RenderText {TEXT} at (0,37) size 167x18
104 text run at (0,37) width 167: "This is the next paragraph."
105 RenderTable {TABLE} at (0,1400) size 784x1055 [border: (1px outset #808080)]
106 RenderTableSection {TBODY} at (1,1) size 0x1053
107 RenderTableRow {TR} at (0,0) size 0x0
108 RenderTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=2]
109 RenderInline {STRONG} at (0,0) size 163x18
110 RenderText {TEXT} at (4,4) size 163x18
111 text run at (4,4) width 163: "TABLE Testing Section"
112 RenderTableRow {TR} at (0,0) size 0x0
113 RenderTableCell {TD} at (0,526) size 12x26 [bgcolor=#C0C0C0] [border: (1px inset #808080)] [r=1 c=0 rs=1 cs=1]
114 RenderText {TEXT} at (4,4) size 4x18
115 text run at (4,4) width 4: " "
116 RenderTableCell {TD} at (12,26) size 770x1027 [border: (1px inset #808080)] [r=1 c=1 rs=1 cs=1]
117 RenderBlock {P} at (4,4) size 762x36
118 RenderText {TEXT} at (0,0) size 754x36
119 text run at (0,0) width 754: "There should be a two-centimeter margin between this paragraph and the next, because adjacent vertical margins should"
120 text run at (0,18) width 255: "collapse to the maximum of the margins."
121 RenderBlock {P} at (4,115) size 762x18
122 RenderText {TEXT} at (0,0) size 164x18
123 text run at (0,0) width 164: "This is another paragraph."
124 RenderBlock {P} at (4,149) size 762x18
125 RenderText {TEXT} at (0,0) size 494x18
126 text run at (0,0) width 494: "There should be a two-centimeter margin between this paragraph and the next."
127 RenderBlock {P} at (4,242) size 762x18
128 RenderText {TEXT} at (0,0) size 164x18
129 text run at (0,0) width 164: "This is another paragraph."
130 RenderBlock {P} at (4,276) size 762x36
131 RenderText {TEXT} at (0,0) size 719x36
132 text run at (0,0) width 719: "There should be a one-centimeter margin between this paragraph and the next, because when there is one negative"
133 text run at (0,18) width 465: "margin, the two margins should be added (the minus sign should be kept)."
134 RenderBlock {P} at (4,350) size 762x18
135 RenderText {TEXT} at (0,0) size 164x18
136 text run at (0,0) width 164: "This is another paragraph."
137 RenderBlock {DIV} at (4,405) size 762x128
138 RenderBlock {P} at (0,74) size 762x54
139 RenderText {TEXT} at (0,0) size 760x54
140 text run at (0,0) width 757: "There should be three centimeters between this text and the text above, but only one centimeter between this text and the"
141 text run at (0,18) width 760: "text below, because vertical margins of nested elements should collapse only if there is no border or padding between the"
142 text run at (0,36) width 54: "margins."
143 RenderBlock {P} at (4,570) size 762x18
144 RenderText {TEXT} at (0,0) size 109x18
145 text run at (0,0) width 109: "This is more text."
146 RenderBlock {P} at (4,604) size 762x111
147 RenderText {TEXT} at (0,0) size 726x36
148 text run at (0,0) width 726: "There should be two centimeters between this paragraph and the one below, because negative margins collapse to a"
149 text run at (0,18) width 456: "negative margin with the largest absolute value of the margins collapsed."
150 RenderBlock {P} at (4,678) size 762x73
151 RenderText {TEXT} at (0,37) size 742x36
152 text run at (0,37) width 742: "This is a paragraph, which I should make very long so that you can easily see how much space there is between it and"
153 text run at (0,55) width 204: "the one below it and to the right."
154 RenderBlock (floating) {P} at (4,825) size 381x54
155 RenderText {TEXT} at (0,0) size 355x54
156 text run at (0,0) width 355: "There should be two centimeters between this paragraph"
157 text run at (0,18) width 340: "and the one above it, since margins do not collapse on"
158 text run at (0,36) width 111: "floating elements."
159 RenderBlock {P} at (4,788) size 762x54
160 RenderText {TEXT} at (381,0) size 375x54
161 text run at (381,0) width 375: "There should be one centimeter between this paragraph and"
162 text run at (381,18) width 356: "the (non-floating) one above it, since the float should not"
163 text run at (381,36) width 181: "effect the paragraph spacing."
164 RenderBlock {P} at (4,895) size 762x73
165 RenderText {TEXT} at (0,0) size 750x36
166 text run at (0,0) width 555: "There should be two centimeters of padding between this paragraph and the one below. "
167 text run at (555,0) width 195: "Padding does not collapse, and"
168 text run at (0,18) width 57: "there is 1"
169 text run at (57,18) width 177: "cm of padding on each side."
170 RenderBlock {P} at (4,968) size 762x55
171 RenderText {TEXT} at (0,37) size 167x18
172 text run at (0,37) width 167: "This is the next paragraph."