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