1 layer at (0,0) size 800x600
2 LayoutView at (0,0) size 800x600
3 layer at (0,0) size 800x600
4 LayoutBlockFlow {HTML} at (0,0) size 800x600
5 LayoutBlockFlow {BODY} at (8,8) size 784x584
6 LayoutBlockFlow (floating) {DIV} at (0,0) size 134x104 [border: (2px solid #0000FF)]
7 LayoutBlockFlow (floating) {DIV} at (134,0) size 134x104 [border: (2px solid #0000FF)]
8 LayoutBlockFlow (floating) {DIV} at (268,0) size 134x104 [border: (2px solid #0000FF)]
9 LayoutBlockFlow (floating) {DIV} at (402,0) size 134x104 [border: (2px solid #0000FF)]
10 LayoutBlockFlow (floating) {DIV} at (536,0) size 134x104 [border: (2px solid #0000FF)]
11 LayoutBlockFlow (floating) {DIV} at (0,104) size 134x104 [border: (2px solid #0000FF)]
12 LayoutBlockFlow (floating) {DIV} at (134,104) size 134x104 [border: (2px solid #0000FF)]
13 LayoutBlockFlow (floating) {DIV} at (268,104) size 134x104 [border: (2px solid #0000FF)]
14 LayoutBlockFlow (floating) {DIV} at (402,104) size 134x104 [border: (2px solid #0000FF)]
15 LayoutBlockFlow (floating) {DIV} at (536,104) size 134x104 [border: (2px solid #0000FF)]
16 LayoutBlockFlow (floating) {DIV} at (0,208) size 134x104 [border: (2px solid #0000FF)]
17 LayoutBlockFlow (floating) {DIV} at (134,208) size 134x104 [border: (2px solid #0000FF)]
18 LayoutBlockFlow (floating) {DIV} at (268,208) size 134x104 [border: (2px solid #0000FF)]
19 LayoutBlockFlow (floating) {DIV} at (402,208) size 134x104 [border: (2px solid #0000FF)]
20 LayoutBlockFlow (floating) {DIV} at (536,208) size 134x104 [border: (2px solid #0000FF)]
21 LayoutBlockFlow (floating) {DIV} at (0,312) size 134x104 [border: (2px solid #0000FF)]
22 LayoutBlockFlow (floating) {DIV} at (134,312) size 134x104 [border: (2px solid #0000FF)]
23 LayoutBlockFlow (floating) {DIV} at (268,312) size 134x104 [border: (2px solid #0000FF)]
24 LayoutBlockFlow (floating) {DIV} at (402,312) size 134x104 [border: (2px solid #0000FF)]
25 LayoutBlockFlow (floating) {DIV} at (536,312) size 134x104 [border: (2px solid #0000FF)]
26 LayoutBlockFlow (floating) {DIV} at (0,416) size 134x104 [border: (2px solid #0000FF)]
27 LayoutBlockFlow (floating) {DIV} at (134,416) size 134x104 [border: (2px solid #0000FF)]
28 LayoutBlockFlow (floating) {DIV} at (268,416) size 134x104 [border: (2px solid #0000FF)]
29 layer at (10,10) size 130x44
30 LayoutBlockFlow (relative positioned) {DIV} at (2,2) size 130x44
31 LayoutBlockFlow (anonymous) at (0,0) size 130x18
32 LayoutText {#text} at (0,0) size 80x17
33 text run at (0,0) width 80: "1 green box:"
34 LayoutBlockFlow {DIV} at (0,18) size 130x26 [border: (2px solid #008000)]
35 LayoutBlockFlow {DIV} at (2,2) size 126x22 [border: (2px solid #FF0000)]
36 LayoutText {#text} at (2,2) size 37x17
37 text run at (2,2) width 37: "failed"
38 layer at (144,10) size 130x62
39 LayoutBlockFlow (relative positioned) {DIV} at (2,2) size 130x62
40 LayoutBlockFlow (anonymous) at (0,0) size 130x36
41 LayoutText {#text} at (0,0) size 108x35
42 text run at (0,0) width 12: "2 "
43 text run at (12,0) width 96: "green box with"
44 text run at (0,18) width 58: "word ok:"
45 LayoutBlockFlow {DIV} at (0,36) size 130x26 [border: (2px solid #FF0000)]
46 LayoutBlockFlow {DIV} at (2,2) size 126x22 [border: (2px solid #008000)]
47 LayoutText {#text} at (2,2) size 16x17
48 text run at (2,2) width 16: "ok"
49 layer at (278,10) size 130x36
50 LayoutBlockFlow (relative positioned) {DIV} at (2,2) size 130x36
51 LayoutText {#text} at (0,0) size 108x35
52 text run at (0,0) width 108: "3 green box with"
53 text run at (0,18) width 58: "word ok:"
54 LayoutText {#text} at (0,0) size 0x0
55 hidden layer at (278,46) size 130x34
56 LayoutBlockFlow (positioned) {DIV} at (0,36) size 130x34 [border: (2px solid #FF0000)]
57 LayoutBlockFlow {DIV} at (2,2) size 126x22 [border: (2px solid #008000)]
58 LayoutText {#text} at (2,2) size 16x17
59 text run at (2,2) width 16: "ok"
60 layer at (412,10) size 130x36
61 LayoutBlockFlow (relative positioned) {DIV} at (2,2) size 130x36
62 LayoutText {#text} at (0,0) size 108x35
63 text run at (0,0) width 108: "4 green box with"
64 text run at (0,18) width 58: "word ok:"
65 LayoutText {#text} at (0,0) size 0x0
66 hidden layer at (412,46) size 130x34
67 LayoutBlockFlow (positioned) {DIV} at (0,36) size 130x34 [border: (2px solid #FF0000)]
68 layer at (414,48) size 126x30
69 LayoutBlockFlow (positioned) {DIV} at (2,2) size 126x30 [border: (2px solid #008000)]
70 LayoutText {#text} at (2,2) size 16x17
71 text run at (2,2) width 16: "ok"
72 layer at (546,10) size 130x36
73 LayoutBlockFlow (relative positioned) {DIV} at (2,2) size 130x36
74 LayoutText {#text} at (0,0) size 108x35
75 text run at (0,0) width 108: "5 green box with"
76 text run at (0,18) width 58: "word ok:"
77 LayoutText {#text} at (0,0) size 0x0
78 hidden layer at (546,46) size 130x34
79 LayoutBlockFlow (positioned) {DIV} at (0,36) size 130x34 [border: (2px solid #FF0000)]
80 LayoutBlockFlow {DIV} at (2,2) size 126x26 [border: (2px solid #FF0000)]
81 LayoutBlockFlow {DIV} at (2,2) size 122x22 [border: (2px solid #008000)]
82 LayoutText {#text} at (2,2) size 16x17
83 text run at (2,2) width 16: "ok"
84 layer at (10,114) size 130x36
85 LayoutBlockFlow (relative positioned) {DIV} at (2,2) size 130x36
86 LayoutText {#text} at (0,0) size 108x35
87 text run at (0,0) width 108: "6 green box with"
88 text run at (0,18) width 58: "word ok:"
89 LayoutText {#text} at (0,0) size 0x0
90 hidden layer at (10,150) size 130x34
91 LayoutBlockFlow (positioned) {DIV} at (0,36) size 130x34 [border: (2px solid #FF0000)]
92 hidden layer at (12,152) size 126x30
93 LayoutBlockFlow (positioned) {DIV} at (2,2) size 126x30 [border: (2px solid #FF0000)]
94 LayoutBlockFlow {DIV} at (2,2) size 122x22 [border: (2px solid #008000)]
95 LayoutText {#text} at (2,2) size 16x17
96 text run at (2,2) width 16: "ok"
97 layer at (144,114) size 130x36
98 LayoutBlockFlow (relative positioned) {DIV} at (2,2) size 130x36
99 LayoutText {#text} at (0,0) size 108x35
100 text run at (0,0) width 108: "7 green box with"
101 text run at (0,18) width 58: "word ok:"
102 LayoutText {#text} at (0,0) size 0x0
103 hidden layer at (144,150) size 130x34
104 LayoutBlockFlow (positioned) {DIV} at (0,36) size 130x34 [border: (2px solid #FF0000)]
105 hidden layer at (146,152) size 126x30
106 LayoutBlockFlow (positioned) {DIV} at (2,2) size 126x30 [border: (2px solid #FF0000)]
107 layer at (148,154) size 122x26
108 LayoutBlockFlow (positioned) {DIV} at (2,2) size 122x26 [border: (2px solid #008000)]
109 LayoutText {#text} at (2,2) size 16x17
110 text run at (2,2) width 16: "ok"
111 layer at (278,114) size 130x36
112 LayoutBlockFlow (relative positioned) {DIV} at (2,2) size 130x36
113 LayoutText {#text} at (0,0) size 124x35
114 text run at (0,0) width 124: "8 double green box"
115 text run at (0,18) width 90: "with word ok:"
116 LayoutText {#text} at (0,0) size 0x0
117 layer at (278,150) size 130x34
118 LayoutBlockFlow (positioned) {DIV} at (0,36) size 130x34 [border: (2px solid #008000)]
119 hidden layer at (280,152) size 126x30
120 LayoutBlockFlow (positioned) {DIV} at (2,2) size 126x30 [border: (2px solid #FF0000)]
121 layer at (282,154) size 122x26
122 LayoutBlockFlow (positioned) {DIV} at (2,2) size 122x26 [border: (2px solid #008000)]
123 LayoutText {#text} at (2,2) size 16x17
124 text run at (2,2) width 16: "ok"
125 layer at (412,114) size 130x36
126 LayoutBlockFlow (relative positioned) {DIV} at (2,2) size 130x36
127 LayoutText {#text} at (0,0) size 108x35
128 text run at (0,0) width 108: "9 green box with"
129 text run at (0,18) width 58: "word ok:"
130 LayoutText {#text} at (0,0) size 0x0
131 hidden layer at (412,150) size 130x34
132 LayoutBlockFlow (positioned) {DIV} at (0,36) size 130x34 [border: (2px solid #FF0000)]
133 hidden layer at (414,152) size 126x30
134 LayoutBlockFlow (positioned) {DIV} at (2,2) size 126x30 [border: (2px solid #FF0000)]
135 layer at (416,154) size 122x26
136 LayoutBlockFlow (positioned) {DIV} at (2,2) size 122x26 [border: (2px solid #008000)]
137 LayoutText {#text} at (2,2) size 16x17
138 text run at (2,2) width 16: "ok"
139 layer at (546,114) size 130x18
140 LayoutBlockFlow (relative positioned) {DIV} at (2,2) size 130x18
141 LayoutText {#text} at (0,0) size 88x17
142 text run at (0,0) width 88: "10 green box:"
143 LayoutText {#text} at (0,0) size 0x0
144 hidden layer at (546,132) size 130x34
145 LayoutBlockFlow (positioned) {DIV} at (0,18) size 130x34 [border: (2px solid #FF0000)]
146 layer at (548,134) size 126x30
147 LayoutBlockFlow (positioned) {DIV} at (2,2) size 126x30 [border: (2px solid #008000)]
148 hidden layer at (550,136) size 122x26
149 LayoutBlockFlow (positioned) {DIV} at (2,2) size 122x26 [border: (2px solid #FF0000)]
150 LayoutText {#text} at (2,2) size 37x17
151 text run at (2,2) width 37: "failed"
152 layer at (10,218) size 130x36
153 LayoutBlockFlow (relative positioned) {DIV} at (2,2) size 130x36
154 LayoutText {#text} at (0,0) size 116x35
155 text run at (0,0) width 116: "11 green box with"
156 text run at (0,18) width 58: "word ok:"
157 LayoutText {#text} at (0,0) size 0x0
158 hidden layer at (10,254) size 130x34
159 LayoutBlockFlow (positioned) {DIV} at (0,36) size 130x34 [border: (2px solid #FF0000)]
160 LayoutBlockFlow {DIV} at (2,2) size 126x26 [border: (2px solid #FF0000)]
161 LayoutBlockFlow {DIV} at (2,2) size 122x22 [border: (2px solid #008000)]
162 LayoutText {#text} at (2,2) size 16x17
163 text run at (2,2) width 16: "ok"
164 layer at (144,218) size 130x36
165 LayoutBlockFlow (relative positioned) {DIV} at (2,2) size 130x36
166 LayoutText {#text} at (0,0) size 116x35
167 text run at (0,0) width 116: "12 green box with"
168 text run at (0,18) width 58: "word ok:"
169 LayoutText {#text} at (0,0) size 0x0
170 hidden layer at (144,254) size 130x34
171 LayoutBlockFlow (positioned) {DIV} at (0,36) size 130x34 [border: (2px solid #FF0000)]
172 LayoutBlockFlow {DIV} at (2,2) size 126x26 [border: (2px solid #FF0000)]
173 LayoutBlockFlow {DIV} at (2,2) size 122x22 [border: (2px solid #008000)]
174 LayoutText {#text} at (2,2) size 16x17
175 text run at (2,2) width 16: "ok"
176 layer at (278,218) size 130x18
177 LayoutBlockFlow (relative positioned) {DIV} at (2,2) size 130x18
178 LayoutText {#text} at (0,0) size 88x17
179 text run at (0,0) width 88: "13 green box:"
180 LayoutText {#text} at (0,0) size 0x0
181 hidden layer at (278,236) size 130x34
182 LayoutBlockFlow (positioned) {DIV} at (0,18) size 130x34 [border: (2px solid #FF0000)]
183 LayoutBlockFlow {DIV} at (2,2) size 126x26 [border: (2px solid #008000)]
184 LayoutBlockFlow {DIV} at (2,2) size 122x22 [border: (2px solid #FF0000)]
185 LayoutText {#text} at (2,2) size 37x17
186 text run at (2,2) width 37: "failed"
187 layer at (412,218) size 130x36
188 LayoutBlockFlow (relative positioned) {DIV} at (2,2) size 130x36
189 LayoutText {#text} at (0,0) size 116x35
190 text run at (0,0) width 116: "14 green box with"
191 text run at (0,18) width 58: "word ok:"
192 LayoutText {#text} at (0,0) size 0x0
193 hidden layer at (412,254) size 130x30
194 LayoutBlockFlow (positioned) {DIV} at (0,36) size 130x30
195 LayoutBlockFlow {DIV} at (0,0) size 130x22 [border: (2px solid #008000)]
196 LayoutText {#text} at (2,2) size 16x17
197 text run at (2,2) width 16: "ok"
198 layer at (546,218) size 130x36
199 LayoutBlockFlow (relative positioned) {DIV} at (2,2) size 130x36
200 LayoutText {#text} at (0,0) size 116x35
201 text run at (0,0) width 116: "15 green box with"
202 text run at (0,18) width 58: "word ok:"
203 LayoutText {#text} at (0,0) size 0x0
204 hidden layer at (546,254) size 130x30
205 LayoutBlockFlow (positioned) {DIV} at (0,36) size 130x30
206 layer at (546,254) size 130x30
207 LayoutBlockFlow (positioned) {DIV} at (0,0) size 130x30 [border: (2px solid #008000)]
208 LayoutText {#text} at (2,2) size 16x17
209 text run at (2,2) width 16: "ok"
210 layer at (10,322) size 130x36
211 LayoutBlockFlow (relative positioned) {DIV} at (2,2) size 130x36
212 LayoutText {#text} at (0,0) size 116x35
213 text run at (0,0) width 116: "16 green box with"
214 text run at (0,18) width 58: "word ok:"
215 LayoutText {#text} at (0,0) size 0x0
216 hidden layer at (10,358) size 130x34
217 LayoutBlockFlow (positioned) {DIV} at (0,36) size 130x34 [border: (2px solid #FF0000)]
218 LayoutBlockFlow {DIV} at (2,2) size 126x48 [border: (2px solid #FF0000)]
219 LayoutBlockFlow {DIV} at (2,2) size 122x22 [border: (2px solid #FF0000)]
220 LayoutText {#text} at (2,2) size 22x17
221 text run at (2,2) width 22: "fail"
222 LayoutBlockFlow {DIV} at (2,24) size 122x22 [border: (2px solid #008000)]
223 LayoutText {#text} at (2,2) size 16x17
224 text run at (2,2) width 16: "ok"
225 layer at (144,322) size 130x36
226 LayoutBlockFlow (relative positioned) {DIV} at (2,2) size 130x36
227 LayoutText {#text} at (0,0) size 116x35
228 text run at (0,0) width 116: "17 green box with"
229 text run at (0,18) width 58: "word ok:"
230 LayoutText {#text} at (0,0) size 0x0
231 hidden layer at (144,358) size 130x34
232 LayoutBlockFlow (positioned) {DIV} at (0,36) size 130x34 [border: (2px solid #FF0000)]
233 LayoutBlockFlow {DIV} at (2,2) size 126x48 [border: (2px solid #FF0000)]
234 LayoutBlockFlow {DIV} at (2,2) size 122x22 [border: (2px solid #008000)]
235 LayoutText {#text} at (2,2) size 16x17
236 text run at (2,2) width 16: "ok"
237 LayoutBlockFlow {DIV} at (2,24) size 122x22 [border: (2px solid #FF0000)]
238 LayoutText {#text} at (2,2) size 22x17
239 text run at (2,2) width 22: "fail"
240 layer at (278,322) size 130x36
241 LayoutBlockFlow (relative positioned) {DIV} at (2,2) size 130x36
242 LayoutText {#text} at (0,0) size 116x35
243 text run at (0,0) width 116: "18 green box with"
244 text run at (0,18) width 58: "word ok:"
245 LayoutText {#text} at (0,0) size 0x0
246 hidden layer at (278,358) size 130x34
247 LayoutBlockFlow (positioned) {DIV} at (0,36) size 130x34 [border: (2px solid #FF0000)]
248 LayoutBlockFlow {DIV} at (2,2) size 126x48 [border: (2px solid #FF0000)]
249 LayoutBlockFlow {DIV} at (2,2) size 122x22 [border: (2px solid #FF0000)]
250 LayoutText {#text} at (2,2) size 22x17
251 text run at (2,2) width 22: "fail"
252 LayoutBlockFlow {DIV} at (2,24) size 122x22 [border: (2px solid #008000)]
253 LayoutText {#text} at (2,2) size 16x17
254 text run at (2,2) width 16: "ok"
255 layer at (412,322) size 130x36
256 LayoutBlockFlow (relative positioned) {DIV} at (2,2) size 130x36
257 LayoutText {#text} at (0,0) size 116x35
258 text run at (0,0) width 116: "19 green box with"
259 text run at (0,18) width 58: "word ok:"
260 LayoutText {#text} at (0,0) size 0x0
261 hidden layer at (412,358) size 130x34
262 LayoutBlockFlow (positioned) {DIV} at (0,36) size 130x34 [border: (2px solid #FF0000)]
263 LayoutBlockFlow {DIV} at (2,2) size 126x26 [border: (2px solid #FF0000)]
264 LayoutBlockFlow {DIV} at (2,2) size 122x22 [border: (2px solid #FF0000)]
265 LayoutText {#text} at (2,2) size 22x17
266 text run at (2,2) width 22: "fail"
267 LayoutBlockFlow {DIV} at (2,28) size 126x26 [border: (2px solid #FF0000)]
268 LayoutBlockFlow {DIV} at (2,2) size 122x22 [border: (2px solid #008000)]
269 LayoutText {#text} at (2,2) size 16x17
270 text run at (2,2) width 16: "ok"
271 layer at (546,322) size 130x18
272 LayoutBlockFlow (relative positioned) {DIV} at (2,2) size 130x18
273 LayoutText {#text} at (0,0) size 88x17
274 text run at (0,0) width 88: "20 green box:"
275 LayoutText {#text} at (0,0) size 0x0
276 hidden layer at (546,340) size 130x34
277 LayoutBlockFlow (positioned) {DIV} at (0,18) size 130x34 [border: (2px solid #FF0000)]
278 LayoutBlockFlow {DIV} at (2,2) size 126x48 [border: (2px solid #008000)]
279 LayoutBlockFlow {DIV} at (2,2) size 122x22 [border: (2px solid #FF0000)]
280 LayoutText {#text} at (2,2) size 16x17
281 text run at (2,2) width 16: "ok"
282 LayoutBlockFlow {DIV} at (2,24) size 122x22 [border: (2px solid #008000)]
283 LayoutText {#text} at (2,2) size 16x17
284 text run at (2,2) width 16: "ok"
285 layer at (10,426) size 130x36
286 LayoutBlockFlow (relative positioned) {DIV} at (2,2) size 130x36
287 LayoutText {#text} at (0,0) size 125x35
288 text run at (0,0) width 125: "21 two green boxes"
289 text run at (0,18) width 90: "with word ok:"
290 LayoutText {#text} at (0,0) size 0x0
291 hidden layer at (10,462) size 130x34
292 LayoutBlockFlow (positioned) {DIV} at (0,36) size 130x34 [border: (2px solid #FF0000)]
293 LayoutBlockFlow {DIV} at (2,2) size 126x26 [border: (2px solid #FF0000)]
294 LayoutBlockFlow {DIV} at (2,2) size 122x22 [border: (2px solid #008000)]
295 LayoutText {#text} at (2,2) size 16x17
296 text run at (2,2) width 16: "ok"
297 LayoutBlockFlow {DIV} at (2,28) size 126x26 [border: (2px solid #FF0000)]
298 LayoutBlockFlow {DIV} at (2,2) size 122x22 [border: (2px solid #008000)]
299 LayoutText {#text} at (2,2) size 16x17
300 text run at (2,2) width 16: "ok"
301 layer at (144,426) size 130x36
302 LayoutBlockFlow (relative positioned) {DIV} at (2,2) size 130x36
303 LayoutText {#text} at (0,0) size 116x35
304 text run at (0,0) width 116: "22 green box with"
305 text run at (0,18) width 58: "word ok:"
306 LayoutText {#text} at (0,0) size 0x0
307 hidden layer at (144,462) size 130x34
308 LayoutBlockFlow (positioned) {DIV} at (0,36) size 130x34 [border: (2px solid #FF0000)]
309 layer at (146,464) size 126x30
310 LayoutBlockFlow (positioned) {DIV} at (2,2) size 126x30 [border: (2px solid #008000)]
311 LayoutText {#text} at (2,2) size 16x17
312 text run at (2,2) width 16: "ok"
313 layer at (278,426) size 130x36
314 LayoutBlockFlow (relative positioned) {DIV} at (2,2) size 130x36
315 LayoutText {#text} at (0,0) size 116x35
316 text run at (0,0) width 116: "23 green box with"
317 text run at (0,18) width 58: "word ok:"
318 LayoutText {#text} at (0,0) size 0x0
319 hidden layer at (278,462) size 130x34
320 LayoutBlockFlow (positioned) zI: 1 {DIV} at (0,36) size 130x34 [border: (2px solid #FF0000)]
321 hidden layer at (280,464) size 126x30
322 LayoutBlockFlow (positioned) {DIV} at (2,2) size 126x30 [border: (2px solid #FF0000)]
323 layer at (282,466) size 122x26
324 LayoutBlockFlow (positioned) {DIV} at (2,2) size 122x26 [border: (2px solid #008000)]
325 LayoutText {#text} at (2,2) size 16x17
326 text run at (2,2) width 16: "ok"