1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 2077
2 LayoutView at (0,0) size 800x600
3 layer at (0,0) size 785x2077 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600
4 LayoutBlockFlow {HTML} at (0,0) size 785x2077.34
5 LayoutBlockFlow {BODY} at (8,19.91) size 769x2041.44
6 LayoutBlockFlow {H2} at (0,0) size 769x27
7 LayoutText {#text} at (0,0) size 149x26
8 text run at (0,0) width 149: "Test 1 (1 float)"
9 LayoutBlockFlow {HR} at (48,294.91) size 673x2 [border: (1px inset #EEEEEE)]
10 LayoutBlockFlow {H2} at (0,344.91) size 769x27
11 LayoutText {#text} at (0,0) size 149x26
12 text run at (0,0) width 149: "Test 2 (1 float)"
13 LayoutBlockFlow {HR} at (48,639.81) size 673x2 [border: (1px inset #EEEEEE)]
14 LayoutBlockFlow {H2} at (0,689.81) size 769x27
15 LayoutText {#text} at (0,0) size 149x26
16 text run at (0,0) width 149: "Test 3 (1 float)"
17 LayoutBlockFlow {HR} at (48,984.72) size 673x2 [border: (1px inset #EEEEEE)]
18 LayoutBlockFlow {H2} at (0,1034.72) size 769x27
19 LayoutText {#text} at (0,0) size 158x26
20 text run at (0,0) width 158: "Test 4 (2 floats)"
21 LayoutBlockFlow {HR} at (48,1329.63) size 673x2 [border: (1px inset #EEEEEE)]
22 LayoutBlockFlow {H2} at (0,1379.63) size 769x27
23 LayoutText {#text} at (0,0) size 158x26
24 text run at (0,0) width 158: "Test 5 (2 floats)"
25 LayoutBlockFlow {HR} at (48,1674.53) size 673x2 [border: (1px inset #EEEEEE)]
26 LayoutBlockFlow {H2} at (0,1724.53) size 769x27
27 LayoutText {#text} at (0,0) size 158x26
28 text run at (0,0) width 158: "Test 6 (2 floats)"
29 layer at (8,67) size 769x200
30 LayoutBlockFlow {DIV} at (0,46.91) size 769x200 [bgcolor=#C0C0C0]
31 LayoutBlockFlow (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)]
32 LayoutText {#text} at (36,36) size 125x53
33 text run at (36,36) width 122: "This yellow square"
34 text run at (36,54) width 125: "is floated left and it"
35 text run at (36,72) width 95: "has no margin."
36 layer at (208,67) size 469x162
37 LayoutBlockFlow {DIV} at (200,0) size 469x162 [bgcolor=#FFA500]
38 LayoutText {#text} at (0,0) size 144x17
39 text run at (0,0) width 144: "This orange rectangle:"
40 LayoutBR {BR} at (143,0) size 1x17
41 LayoutText {#text} at (0,18) size 97x17
42 text run at (0,18) width 97: "\x{2013} establishes a "
43 LayoutInline {STRONG} at (0,0) size 196x17
44 LayoutText {#text} at (96,18) size 196x17
45 text run at (96,18) width 196: "new block formating context"
46 LayoutText {#text} at (291,18) size 410x35
47 text run at (291,18) width 119: " thanks to the CSS"
48 text run at (0,36) width 76: "declaration "
49 LayoutInline {CODE} at (0,0) size 129x16
50 LayoutText {#text} at (75,38) size 129x16
51 text run at (75,38) width 129: "overflow: hidden"
52 LayoutText {#text} at (203,36) size 5x17
53 text run at (203,36) width 5: ";"
54 LayoutBR {BR} at (207,36) size 1x17
55 LayoutText {#text} at (0,54) size 334x17
56 text run at (0,54) width 334: "\x{2013} has a 100px left margin and a 100px right margin;"
57 LayoutBR {BR} at (333,54) size 1x17
58 LayoutBR {BR} at (0,72) size 0x17
59 LayoutText {#text} at (0,90) size 144x17
60 text run at (0,90) width 144: "This orange rectangle:"
61 LayoutBR {BR} at (143,90) size 1x17
62 LayoutText {#text} at (0,108) size 97x17
63 text run at (0,108) width 97: "\x{2013} establishes a "
64 LayoutInline {STRONG} at (0,0) size 196x17
65 LayoutText {#text} at (96,108) size 196x17
66 text run at (96,108) width 196: "new block formating context"
67 LayoutText {#text} at (291,108) size 410x35
68 text run at (291,108) width 119: " thanks to the CSS"
69 text run at (0,126) width 76: "declaration "
70 LayoutInline {CODE} at (0,0) size 129x16
71 LayoutText {#text} at (75,128) size 129x16
72 text run at (75,128) width 129: "overflow: hidden"
73 LayoutText {#text} at (203,126) size 5x17
74 text run at (203,126) width 5: ";"
75 LayoutBR {BR} at (207,126) size 1x17
76 LayoutText {#text} at (0,144) size 334x17
77 text run at (0,144) width 334: "\x{2013} has a 100px left margin and a 100px right margin;"
78 layer at (8,412) size 769x200 backgroundClip at (8,412) size 769x188 clip at (8,412) size 769x188
79 LayoutBlockFlow {DIV} at (0,391.81) size 769x200 [bgcolor=#C0C0C0]
80 LayoutBlockFlow (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)]
81 LayoutText {#text} at (36,36) size 125x53
82 text run at (36,36) width 122: "This yellow square"
83 text run at (36,54) width 125: "is floated left and it"
84 text run at (36,72) width 95: "has no margin."
85 layer at (208,412) size 569x162
86 LayoutBlockFlow {DIV} at (200,0) size 569x162 [bgcolor=#FFA500]
87 LayoutText {#text} at (0,0) size 144x17
88 text run at (0,0) width 144: "This orange rectangle:"
89 LayoutBR {BR} at (143,0) size 1x17
90 LayoutText {#text} at (0,18) size 97x17
91 text run at (0,18) width 97: "\x{2013} establishes a "
92 LayoutInline {STRONG} at (0,0) size 196x17
93 LayoutText {#text} at (96,18) size 196x17
94 text run at (96,18) width 196: "new block formating context"
95 LayoutText {#text} at (291,18) size 198x17
96 text run at (291,18) width 198: " thanks to the CSS declaration "
97 LayoutInline {CODE} at (0,0) size 561x34
98 LayoutText {#text} at (488,20) size 561x34
99 text run at (488,20) width 73: "overflow:"
100 text run at (0,38) width 48: "hidden"
101 LayoutText {#text} at (48,36) size 5x17
102 text run at (48,36) width 5: ";"
103 LayoutBR {BR} at (52,36) size 1x17
104 LayoutText {#text} at (0,54) size 168x17
105 text run at (0,54) width 168: "\x{2013} has a 200px left margin;"
106 LayoutBR {BR} at (167,54) size 1x17
107 LayoutBR {BR} at (0,72) size 0x17
108 LayoutText {#text} at (0,90) size 144x17
109 text run at (0,90) width 144: "This orange rectangle:"
110 LayoutBR {BR} at (143,90) size 1x17
111 LayoutText {#text} at (0,108) size 97x17
112 text run at (0,108) width 97: "\x{2013} establishes a "
113 LayoutInline {STRONG} at (0,0) size 196x17
114 LayoutText {#text} at (96,108) size 196x17
115 text run at (96,108) width 196: "new block formating context"
116 LayoutText {#text} at (291,108) size 198x17
117 text run at (291,108) width 198: " thanks to the CSS declaration "
118 LayoutInline {CODE} at (0,0) size 561x34
119 LayoutText {#text} at (488,110) size 561x34
120 text run at (488,110) width 73: "overflow:"
121 text run at (0,128) width 48: "hidden"
122 LayoutText {#text} at (48,126) size 5x17
123 text run at (48,126) width 5: ";"
124 LayoutBR {BR} at (52,126) size 1x17
125 LayoutText {#text} at (0,144) size 168x17
126 text run at (0,144) width 168: "\x{2013} has a 200px left margin;"
127 layer at (8,757) size 769x200 backgroundClip at (0,0) size 0x0 clip at (0,0) size 0x0
128 LayoutBlockFlow {DIV} at (0,736.72) size 769x200 [bgcolor=#C0C0C0]
129 LayoutBlockFlow (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)]
130 LayoutText {#text} at (36,36) size 123x71
131 text run at (36,36) width 122: "This yellow square"
132 text run at (36,54) width 123: "is a floated left and"
133 text run at (36,72) width 80: "it has a right"
134 text run at (36,90) width 111: "margin of 100px."
135 layer at (308,757) size 369x162 backgroundClip at (0,0) size 0x0 clip at (0,0) size 0x0
136 LayoutBlockFlow {DIV} at (300,0) size 369x162 [bgcolor=#FFA500]
137 LayoutText {#text} at (0,0) size 144x17
138 text run at (0,0) width 144: "This orange rectangle:"
139 LayoutBR {BR} at (143,0) size 1x17
140 LayoutText {#text} at (0,18) size 97x17
141 text run at (0,18) width 97: "\x{2013} establishes a "
142 LayoutInline {STRONG} at (0,0) size 196x17
143 LayoutText {#text} at (96,18) size 196x17
144 text run at (96,18) width 196: "new block formating context"
145 LayoutText {#text} at (291,18) size 354x35
146 text run at (291,18) width 63: " thanks to"
147 text run at (0,36) width 132: "the CSS declaration "
148 LayoutInline {CODE} at (0,0) size 129x16
149 LayoutText {#text} at (131,38) size 129x16
150 text run at (131,38) width 129: "overflow: hidden"
151 LayoutText {#text} at (259,36) size 5x17
152 text run at (259,36) width 5: ";"
153 LayoutBR {BR} at (263,36) size 1x17
154 LayoutText {#text} at (0,54) size 318x17
155 text run at (0,54) width 318: "\x{2013} has a 0px left margin and a 100px right margin;"
156 LayoutBR {BR} at (317,54) size 1x17
157 LayoutBR {BR} at (0,72) size 0x17
158 LayoutText {#text} at (0,90) size 144x17
159 text run at (0,90) width 144: "This orange rectangle:"
160 LayoutBR {BR} at (143,90) size 1x17
161 LayoutText {#text} at (0,108) size 97x17
162 text run at (0,108) width 97: "\x{2013} establishes a "
163 LayoutInline {STRONG} at (0,0) size 196x17
164 LayoutText {#text} at (96,108) size 196x17
165 text run at (96,108) width 196: "new block formating context"
166 LayoutText {#text} at (291,108) size 354x35
167 text run at (291,108) width 63: " thanks to"
168 text run at (0,126) width 132: "the CSS declaration "
169 LayoutInline {CODE} at (0,0) size 129x16
170 LayoutText {#text} at (131,128) size 129x16
171 text run at (131,128) width 129: "overflow: hidden"
172 LayoutText {#text} at (259,126) size 5x17
173 text run at (259,126) width 5: ";"
174 LayoutBR {BR} at (263,126) size 1x17
175 LayoutText {#text} at (0,144) size 318x17
176 text run at (0,144) width 318: "\x{2013} has a 0px left margin and a 100px right margin;"
177 layer at (8,1102) size 769x200 backgroundClip at (0,0) size 0x0 clip at (0,0) size 0x0
178 LayoutBlockFlow {DIV} at (0,1081.63) size 769x200 [bgcolor=#C0C0C0]
179 LayoutBlockFlow (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)]
180 LayoutText {#text} at (36,36) size 125x53
181 text run at (36,36) width 122: "This yellow square"
182 text run at (36,54) width 125: "is floated left and it"
183 text run at (36,72) width 95: "has no margin."
184 LayoutBlockFlow (floating) {DIV} at (569,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)]
185 LayoutText {#text} at (36,36) size 122x71
186 text run at (36,36) width 122: "This yellow square"
187 text run at (36,54) width 105: "is a floated right"
188 text run at (36,72) width 82: "and it has no"
189 text run at (36,90) width 50: "margin."
190 layer at (208,1102) size 369x162 backgroundClip at (0,0) size 0x0 clip at (0,0) size 0x0
191 LayoutBlockFlow {DIV} at (200,0) size 369x162 [bgcolor=#FFA500]
192 LayoutText {#text} at (0,0) size 144x17
193 text run at (0,0) width 144: "This orange rectangle:"
194 LayoutBR {BR} at (143,0) size 1x17
195 LayoutText {#text} at (0,18) size 97x17
196 text run at (0,18) width 97: "\x{2013} establishes a "
197 LayoutInline {STRONG} at (0,0) size 196x17
198 LayoutText {#text} at (96,18) size 196x17
199 text run at (96,18) width 196: "new block formating context"
200 LayoutText {#text} at (291,18) size 354x35
201 text run at (291,18) width 63: " thanks to"
202 text run at (0,36) width 132: "the CSS declaration "
203 LayoutInline {CODE} at (0,0) size 129x16
204 LayoutText {#text} at (131,38) size 129x16
205 text run at (131,38) width 129: "overflow: hidden"
206 LayoutText {#text} at (259,36) size 5x17
207 text run at (259,36) width 5: ";"
208 LayoutBR {BR} at (263,36) size 1x17
209 LayoutText {#text} at (0,54) size 334x17
210 text run at (0,54) width 334: "\x{2013} has a 100px left margin and a 100px right margin;"
211 LayoutBR {BR} at (333,54) size 1x17
212 LayoutBR {BR} at (0,72) size 0x17
213 LayoutText {#text} at (0,90) size 144x17
214 text run at (0,90) width 144: "This orange rectangle:"
215 LayoutBR {BR} at (143,90) size 1x17
216 LayoutText {#text} at (0,108) size 97x17
217 text run at (0,108) width 97: "\x{2013} establishes a "
218 LayoutInline {STRONG} at (0,0) size 196x17
219 LayoutText {#text} at (96,108) size 196x17
220 text run at (96,108) width 196: "new block formating context"
221 LayoutText {#text} at (291,108) size 354x35
222 text run at (291,108) width 63: " thanks to"
223 text run at (0,126) width 132: "the CSS declaration "
224 LayoutInline {CODE} at (0,0) size 129x16
225 LayoutText {#text} at (131,128) size 129x16
226 text run at (131,128) width 129: "overflow: hidden"
227 LayoutText {#text} at (259,126) size 5x17
228 text run at (259,126) width 5: ";"
229 LayoutBR {BR} at (263,126) size 1x17
230 LayoutText {#text} at (0,144) size 334x17
231 text run at (0,144) width 334: "\x{2013} has a 100px left margin and a 100px right margin;"
232 layer at (8,1446) size 769x200 backgroundClip at (0,0) size 0x0 clip at (0,0) size 0x0
233 LayoutBlockFlow {DIV} at (0,1426.53) size 769x200 [bgcolor=#C0C0C0]
234 LayoutBlockFlow (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)]
235 LayoutText {#text} at (36,36) size 125x53
236 text run at (36,36) width 122: "This yellow square"
237 text run at (36,54) width 125: "is floated left and it"
238 text run at (36,72) width 95: "has no margin."
239 LayoutBlockFlow (floating) {DIV} at (569,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)]
240 LayoutText {#text} at (36,36) size 122x71
241 text run at (36,36) width 122: "This yellow square"
242 text run at (36,54) width 105: "is a floated right"
243 text run at (36,72) width 82: "and it has no"
244 text run at (36,90) width 50: "margin."
245 layer at (208,1446) size 369x162 backgroundClip at (0,0) size 0x0 clip at (0,0) size 0x0
246 LayoutBlockFlow {DIV} at (200,0) size 369x162 [bgcolor=#FFA500]
247 LayoutText {#text} at (0,0) size 144x17
248 text run at (0,0) width 144: "This orange rectangle:"
249 LayoutBR {BR} at (143,0) size 1x17
250 LayoutText {#text} at (0,18) size 97x17
251 text run at (0,18) width 97: "\x{2013} establishes a "
252 LayoutInline {STRONG} at (0,0) size 196x17
253 LayoutText {#text} at (96,18) size 196x17
254 text run at (96,18) width 196: "new block formating context"
255 LayoutText {#text} at (291,18) size 354x35
256 text run at (291,18) width 63: " thanks to"
257 text run at (0,36) width 132: "the CSS declaration "
258 LayoutInline {CODE} at (0,0) size 129x16
259 LayoutText {#text} at (131,38) size 129x16
260 text run at (131,38) width 129: "overflow: hidden"
261 LayoutText {#text} at (259,36) size 5x17
262 text run at (259,36) width 5: ";"
263 LayoutBR {BR} at (263,36) size 1x17
264 LayoutText {#text} at (0,54) size 177x17
265 text run at (0,54) width 177: "\x{2013} has a 200px right margin;"
266 LayoutBR {BR} at (176,54) size 1x17
267 LayoutBR {BR} at (0,72) size 0x17
268 LayoutText {#text} at (0,90) size 144x17
269 text run at (0,90) width 144: "This orange rectangle:"
270 LayoutBR {BR} at (143,90) size 1x17
271 LayoutText {#text} at (0,108) size 97x17
272 text run at (0,108) width 97: "\x{2013} establishes a "
273 LayoutInline {STRONG} at (0,0) size 196x17
274 LayoutText {#text} at (96,108) size 196x17
275 text run at (96,108) width 196: "new block formating context"
276 LayoutText {#text} at (291,108) size 354x35
277 text run at (291,108) width 63: " thanks to"
278 text run at (0,126) width 132: "the CSS declaration "
279 LayoutInline {CODE} at (0,0) size 129x16
280 LayoutText {#text} at (131,128) size 129x16
281 text run at (131,128) width 129: "overflow: hidden"
282 LayoutText {#text} at (259,126) size 5x17
283 text run at (259,126) width 5: ";"
284 LayoutBR {BR} at (263,126) size 1x17
285 LayoutText {#text} at (0,144) size 177x17
286 text run at (0,144) width 177: "\x{2013} has a 200px right margin;"
287 layer at (8,1791) size 769x270 backgroundClip at (0,0) size 0x0 clip at (0,0) size 0x0
288 LayoutBlockFlow {DIV} at (0,1771.44) size 769x270 [bgcolor=#C0C0C0]
289 LayoutBlockFlow (floating) {DIV} at (0,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)]
290 LayoutText {#text} at (36,36) size 125x71
291 text run at (36,36) width 122: "This yellow square"
292 text run at (36,54) width 125: "is floated left and it"
293 text run at (36,72) width 116: "has a right margin"
294 text run at (36,90) width 62: "of 100px."
295 LayoutBlockFlow (floating) {DIV} at (569,0) size 200x200 [bgcolor=#FFFF00] [border: (4px solid #008000)]
296 LayoutText {#text} at (36,36) size 122x71
297 text run at (36,36) width 122: "This yellow square"
298 text run at (36,54) width 121: "is floated right and"
299 text run at (36,72) width 120: "it has a left margin"
300 text run at (36,90) width 62: "of 100px."
301 layer at (308,1791) size 169x270 backgroundClip at (0,0) size 0x0 clip at (0,0) size 0x0
302 LayoutBlockFlow {DIV} at (300,0) size 169x270 [bgcolor=#FFA500]
303 LayoutText {#text} at (0,0) size 144x17
304 text run at (0,0) width 144: "This orange rectangle:"
305 LayoutBR {BR} at (143,0) size 1x17
306 LayoutText {#text} at (0,18) size 97x17
307 text run at (0,18) width 97: "\x{2013} establishes a "
308 LayoutInline {STRONG} at (0,0) size 166x35
309 LayoutText {#text} at (96,18) size 166x35
310 text run at (96,18) width 70: "new block"
311 text run at (0,36) width 123: "formating context"
312 LayoutText {#text} at (122,36) size 168x35
313 text run at (122,36) width 46: " thanks"
314 text run at (0,54) width 144: "to the CSS declaration"
315 LayoutInline {CODE} at (0,0) size 128x16
316 LayoutText {#text} at (0,74) size 128x16
317 text run at (0,74) width 128: "overflow: hidden"
318 LayoutText {#text} at (128,72) size 5x17
319 text run at (128,72) width 5: ";"
320 LayoutBR {BR} at (132,72) size 1x17
321 LayoutText {#text} at (0,90) size 151x35
322 text run at (0,90) width 148: "\x{2013} has a 0px left margin"
323 text run at (0,108) width 151: "and a 0px right margin;"
324 LayoutBR {BR} at (150,108) size 1x17
325 LayoutBR {BR} at (0,126) size 0x17
326 LayoutText {#text} at (0,144) size 144x17
327 text run at (0,144) width 144: "This orange rectangle:"
328 LayoutBR {BR} at (143,144) size 1x17
329 LayoutText {#text} at (0,162) size 97x17
330 text run at (0,162) width 97: "\x{2013} establishes a "
331 LayoutInline {STRONG} at (0,0) size 166x35
332 LayoutText {#text} at (96,162) size 166x35
333 text run at (96,162) width 70: "new block"
334 text run at (0,180) width 123: "formating context"
335 LayoutText {#text} at (122,180) size 168x35
336 text run at (122,180) width 46: " thanks"
337 text run at (0,198) width 144: "to the CSS declaration"
338 LayoutInline {CODE} at (0,0) size 128x16
339 LayoutText {#text} at (0,218) size 128x16
340 text run at (0,218) width 128: "overflow: hidden"
341 LayoutText {#text} at (128,216) size 5x17
342 text run at (128,216) width 5: ";"
343 LayoutBR {BR} at (132,216) size 1x17
344 LayoutText {#text} at (0,234) size 151x35
345 text run at (0,234) width 148: "\x{2013} has a 0px left margin"
346 text run at (0,252) width 151: "and a 0px right margin;"