Update To 11.40.268.0
[platform/framework/web/crosswalk.git] / src / third_party / WebKit / LayoutTests / platform / mac / fast / multicol / span / span-as-nested-columns-child-expected.txt
index a328efb..89f8cae 100644 (file)
-layer at (0,0) size 785x1336
+layer at (0,0) size 785x1229
   RenderView at (0,0) size 785x600
-layer at (0,0) size 785x1336
-  RenderBlock {HTML} at (0,0) size 785x1336.44
-    RenderBody {BODY} at (8,16) size 769x1304.44
-layer at (8,16) size 760x417
-  RenderBlock {DIV} at (0,0) size 760x416.81 [border: (5px solid #800000)]
-    RenderBlock (anonymous multi-column span) at (5,13) size 750x67.81 [color=#FFFFFF]
-      RenderBlock {H2} at (0,19.91) size 750x28 [color=#000000] [bgcolor=#EEEEEE]
-        RenderText {#text} at (0,0) size 664x28
-          text run at (0,0) width 664: "This is a spanning element at the beginning of the columns block."
+layer at (0,0) size 785x1229
+  RenderBlock {HTML} at (0,0) size 785x1229.44
+    RenderBody {BODY} at (8,16) size 769x1197.44
+layer at (8,16) size 760x386
+  RenderBlock {DIV} at (0,0) size 760x385.81 [border: (5px solid #800000)]
+    RenderBlock (anonymous multi-column span) at (5,13) size 750x63.81 [color=#FFFFFF]
+      RenderBlock {H2} at (0,19.91) size 750x24 [color=#000000] [bgcolor=#EEEEEE]
+        RenderText {#text} at (0,0) size 666x24
+          text run at (0,0) width 666: "This is a spanning element at the beginning of the columns block."
 layer at (13,21) size 750x8
   RenderBlock (anonymous multi-column) at (5,5) size 750x8
     RenderBlock {SPAN} at (0,8) size 367x0 [color=#FFFFFF] [bgcolor=#000000]
-layer at (13,97) size 750x331
-  RenderBlock (anonymous multi-column) at (5,80.81) size 750x331
-    RenderBlock {SPAN} at (0,16) size 367x198 [color=#FFFFFF] [bgcolor=#000000]
-      RenderText {#text} at (0,0) size 362x198
-        text run at (0,0) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,18) width 351: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
-        text run at (0,36) width 325: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
-        text run at (0,54) width 358: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
-        text run at (0,72) width 343: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
-        text run at (0,90) width 340: "sem. Nam nonummy enim. Nullam bibendum lobortis"
-        text run at (0,108) width 344: "neque. Vestibulum velit orci, tempus euismod, pretium"
-        text run at (0,126) width 343: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
-        text run at (0,144) width 343: "condimentum vestibulum. Suspendisse hendrerit quam"
-        text run at (0,162) width 362: "nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor"
-        text run at (0,180) width 229: "sit amet, consectetuer adipiscing elit."
-    RenderBlock (anonymous) at (0,230) size 367x425
-      RenderText {#text} at (0,0) size 363x425
-        text run at (0,0) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,18) width 351: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
-        text run at (0,36) width 325: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
-        text run at (0,54) width 358: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
-        text run at (0,72) width 343: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
-        text run at (0,101) width 340: "sem. Nam nonummy enim. Nullam bibendum lobortis"
-        text run at (0,119) width 344: "neque. Vestibulum velit orci, tempus euismod, pretium"
-        text run at (0,137) width 343: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
-        text run at (0,155) width 343: "condimentum vestibulum. Suspendisse hendrerit quam"
-        text run at (0,173) width 362: "nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor"
-        text run at (0,191) width 233: "sit amet, consectetuer adipiscing elit. "
-        text run at (233,191) width 121: "Lorem ipsum dolor"
-        text run at (0,209) width 363: "sit amet, consectetuer adipiscing elit. Nulla varius enim ac"
-        text run at (0,227) width 318: "mi. Curabitur sollicitudin felis quis lectus. Quisque"
-        text run at (0,245) width 356: "adipiscing rhoncus sem. Proin nulla purus, vulputate vel,"
-        text run at (0,263) width 354: "varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis"
-        text run at (0,281) width 351: "aliquam. Cras convallis adipiscing sem. Nam nonummy"
-        text run at (0,299) width 358: "enim. Nullam bibendum lobortis neque. Vestibulum velit"
-        text run at (0,317) width 361: "orci, tempus euismod, pretium quis, interdum vitae, nulla."
-        text run at (0,335) width 339: "Phasellus eget ante et tortor condimentum vestibulum."
-        text run at (0,353) width 345: "Suspendisse hendrerit quam nec felis. Sed varius turpis"
-        text run at (0,371) width 331: "vitae pede. Lorem ipsum dolor sit amet, consectetuer"
-        text run at (0,389) width 95: "adipiscing elit. "
-        text run at (95,389) width 259: "Lorem ipsum dolor sit amet, consectetuer"
-        text run at (0,407) width 249: "adipiscing elit. Nulla varius enim ac mi."
-layer at (8,449) size 760x424
-  RenderBlock {DIV} at (0,432.81) size 760x423.81 [border: (5px solid #800000)]
-    RenderBlock (anonymous multi-column span) at (5,343) size 750x67.81 [color=#FFFFFF]
-      RenderBlock {H2} at (0,19.91) size 750x28 [color=#000000] [bgcolor=#EEEEEE]
-        RenderText {#text} at (0,0) size 600x28
-          text run at (0,0) width 600: "This is a spanning element at the end of the columns block."
-layer at (13,454) size 750x338
-  RenderBlock (anonymous multi-column) at (5,5) size 750x338
-    RenderBlock (anonymous) at (0,0) size 367x410
-      RenderText {#text} at (0,0) size 363x410
-        text run at (0,0) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,18) width 351: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
-        text run at (0,36) width 325: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
-        text run at (0,54) width 358: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
-        text run at (0,72) width 343: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
-        text run at (0,90) width 340: "sem. Nam nonummy enim. Nullam bibendum lobortis"
-        text run at (0,108) width 344: "neque. Vestibulum velit orci, tempus euismod, pretium"
-        text run at (0,126) width 343: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
-        text run at (0,144) width 343: "condimentum vestibulum. Suspendisse hendrerit quam"
-        text run at (0,162) width 362: "nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor"
-        text run at (0,180) width 233: "sit amet, consectetuer adipiscing elit. "
-        text run at (233,180) width 121: "Lorem ipsum dolor"
-        text run at (0,198) width 363: "sit amet, consectetuer adipiscing elit. Nulla varius enim ac"
-        text run at (0,216) width 318: "mi. Curabitur sollicitudin felis quis lectus. Quisque"
-        text run at (0,234) width 356: "adipiscing rhoncus sem. Proin nulla purus, vulputate vel,"
-        text run at (0,252) width 354: "varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis"
-        text run at (0,270) width 351: "aliquam. Cras convallis adipiscing sem. Nam nonummy"
-        text run at (0,288) width 358: "enim. Nullam bibendum lobortis neque. Vestibulum velit"
-        text run at (0,306) width 361: "orci, tempus euismod, pretium quis, interdum vitae, nulla."
-        text run at (0,338) width 339: "Phasellus eget ante et tortor condimentum vestibulum."
-        text run at (0,356) width 345: "Suspendisse hendrerit quam nec felis. Sed varius turpis"
-        text run at (0,374) width 331: "vitae pede. Lorem ipsum dolor sit amet, consectetuer"
-        text run at (0,392) width 91: "adipiscing elit."
-    RenderBlock {SPAN} at (0,426) size 367x234 [color=#FFFFFF] [bgcolor=#000000]
-      RenderText {#text} at (0,0) size 363x234
-        text run at (0,0) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,18) width 351: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
-        text run at (0,36) width 325: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
-        text run at (0,54) width 358: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
-        text run at (0,72) width 343: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
-        text run at (0,90) width 340: "sem. Nam nonummy enim. Nullam bibendum lobortis"
-        text run at (0,108) width 344: "neque. Vestibulum velit orci, tempus euismod, pretium"
-        text run at (0,126) width 343: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
-        text run at (0,144) width 343: "condimentum vestibulum. Suspendisse hendrerit quam"
-        text run at (0,162) width 362: "nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor"
-        text run at (0,180) width 233: "sit amet, consectetuer adipiscing elit. "
-        text run at (233,180) width 121: "Lorem ipsum dolor"
-        text run at (0,198) width 363: "sit amet, consectetuer adipiscing elit. Nulla varius enim ac"
-        text run at (0,216) width 20: "mi."
-layer at (13,860) size 750x8
-  RenderBlock (anonymous multi-column) at (5,410.81) size 750x8
+layer at (13,93) size 750x304
+  RenderBlock (anonymous multi-column) at (5,76.81) size 750x304
+    RenderBlock {SPAN} at (0,16) size 367x176 [color=#FFFFFF] [bgcolor=#000000]
+      RenderText {#text} at (0,0) size 367x176
+        text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
+        text run at (0,16) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
+        text run at (0,32) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
+        text run at (0,48) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
+        text run at (0,64) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
+        text run at (0,80) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
+        text run at (0,96) width 353: "neque. Vestibulum velit orci, tempus euismod, pretium"
+        text run at (0,112) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
+        text run at (0,128) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
+        text run at (0,144) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
+        text run at (0,160) width 275: "dolor sit amet, consectetuer adipiscing elit."
+    RenderBlock (anonymous) at (0,208) size 367x384
+      RenderText {#text} at (0,0) size 367x384
+        text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
+        text run at (0,16) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
+        text run at (0,32) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
+        text run at (0,48) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
+        text run at (0,64) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
+        text run at (0,80) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
+        text run at (0,96) width 353: "neque. Vestibulum velit orci, tempus euismod, pretium"
+        text run at (0,112) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
+        text run at (0,128) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
+        text run at (0,144) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
+        text run at (0,160) width 279: "dolor sit amet, consectetuer adipiscing elit. "
+        text run at (278,160) width 86: "Lorem ipsum"
+        text run at (0,176) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius"
+        text run at (0,192) width 324: "enim ac mi. Curabitur sollicitudin felis quis lectus."
+        text run at (0,208) width 330: "Quisque adipiscing rhoncus sem. Proin nulla purus,"
+        text run at (0,224) width 355: "vulputate vel, varius ut, euismod et, nisi. Sed vitae felis"
+        text run at (0,240) width 356: "vel orci sagittis aliquam. Cras convallis adipiscing sem."
+        text run at (0,256) width 360: "Nam nonummy enim. Nullam bibendum lobortis neque."
+        text run at (0,272) width 341: "Vestibulum velit orci, tempus euismod, pretium quis,"
+        text run at (0,288) width 318: "interdum vitae, nulla. Phasellus eget ante et tortor"
+        text run at (0,304) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
+        text run at (0,320) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
+        text run at (0,336) width 279: "dolor sit amet, consectetuer adipiscing elit. "
+        text run at (278,336) width 86: "Lorem ipsum"
+        text run at (0,352) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius"
+        text run at (0,368) width 76: "enim ac mi."
+layer at (8,418) size 760x386
+  RenderBlock {DIV} at (0,401.81) size 760x385.81 [border: (5px solid #800000)]
+    RenderBlock (anonymous multi-column span) at (5,309) size 750x63.81 [color=#FFFFFF]
+      RenderBlock {H2} at (0,19.91) size 750x24 [color=#000000] [bgcolor=#EEEEEE]
+        RenderText {#text} at (0,0) size 602x24
+          text run at (0,0) width 602: "This is a spanning element at the end of the columns block."
+layer at (13,423) size 750x304
+  RenderBlock (anonymous multi-column) at (5,5) size 750x304
+    RenderBlock (anonymous) at (0,0) size 367x352
+      RenderText {#text} at (0,0) size 367x352
+        text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
+        text run at (0,16) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
+        text run at (0,32) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
+        text run at (0,48) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
+        text run at (0,64) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
+        text run at (0,80) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
+        text run at (0,96) width 353: "neque. Vestibulum velit orci, tempus euismod, pretium"
+        text run at (0,112) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
+        text run at (0,128) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
+        text run at (0,144) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
+        text run at (0,160) width 279: "dolor sit amet, consectetuer adipiscing elit. "
+        text run at (278,160) width 86: "Lorem ipsum"
+        text run at (0,176) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius"
+        text run at (0,192) width 324: "enim ac mi. Curabitur sollicitudin felis quis lectus."
+        text run at (0,208) width 330: "Quisque adipiscing rhoncus sem. Proin nulla purus,"
+        text run at (0,224) width 355: "vulputate vel, varius ut, euismod et, nisi. Sed vitae felis"
+        text run at (0,240) width 356: "vel orci sagittis aliquam. Cras convallis adipiscing sem."
+        text run at (0,256) width 360: "Nam nonummy enim. Nullam bibendum lobortis neque."
+        text run at (0,272) width 341: "Vestibulum velit orci, tempus euismod, pretium quis,"
+        text run at (0,288) width 318: "interdum vitae, nulla. Phasellus eget ante et tortor"
+        text run at (0,304) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
+        text run at (0,320) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
+        text run at (0,336) width 275: "dolor sit amet, consectetuer adipiscing elit."
+    RenderBlock {SPAN} at (0,368) size 367x208 [color=#FFFFFF] [bgcolor=#000000]
+      RenderText {#text} at (0,0) size 367x208
+        text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
+        text run at (0,16) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
+        text run at (0,32) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
+        text run at (0,48) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
+        text run at (0,64) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
+        text run at (0,80) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
+        text run at (0,96) width 353: "neque. Vestibulum velit orci, tempus euismod, pretium"
+        text run at (0,112) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
+        text run at (0,128) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
+        text run at (0,144) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
+        text run at (0,160) width 279: "dolor sit amet, consectetuer adipiscing elit. "
+        text run at (278,160) width 86: "Lorem ipsum"
+        text run at (0,176) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius"
+        text run at (0,192) width 76: "enim ac mi."
+layer at (13,791) size 750x8
+  RenderBlock (anonymous multi-column) at (5,372.81) size 750x8
     RenderBlock {SPAN} at (0,8) size 367x0 [color=#FFFFFF] [bgcolor=#000000]
       RenderText {#text} at (0,0) size 0x0
-layer at (8,889) size 760x431
-  RenderBlock {DIV} at (0,872.63) size 760x431.81 [border: (5px solid #800000)]
-    RenderBlock (anonymous multi-column span) at (5,145) size 750x67.81 [color=#FFFFFF]
-      RenderBlock {H2} at (0,19.91) size 750x28 [color=#000000] [bgcolor=#EEEEEE]
-        RenderText {#text} at (0,0) size 634x28
-          text run at (0,0) width 634: "This is a spanning element in the middle of the columns block."
-layer at (13,894) size 750x140
-  RenderBlock (anonymous multi-column) at (5,5) size 750x140
-    RenderBlock (anonymous) at (0,0) size 367x212
-      RenderText {#text} at (0,0) size 362x212
-        text run at (0,0) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,18) width 351: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
-        text run at (0,36) width 325: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
-        text run at (0,54) width 358: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
-        text run at (0,72) width 343: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
-        text run at (0,90) width 340: "sem. Nam nonummy enim. Nullam bibendum lobortis"
-        text run at (0,108) width 344: "neque. Vestibulum velit orci, tempus euismod, pretium"
-        text run at (0,140) width 343: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
-        text run at (0,158) width 343: "condimentum vestibulum. Suspendisse hendrerit quam"
-        text run at (0,176) width 362: "nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor"
-        text run at (0,194) width 229: "sit amet, consectetuer adipiscing elit."
-    RenderBlock {SPAN} at (0,228) size 367x36 [color=#FFFFFF] [bgcolor=#000000]
-      RenderText {#text} at (0,0) size 354x36
-        text run at (0,0) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,18) width 154: "Nulla varius enim ac mi."
-layer at (13,1101) size 750x214
-  RenderBlock (anonymous multi-column) at (5,212.81) size 750x214
-    RenderBlock {SPAN} at (0,16) size 367x198 [color=#FFFFFF] [bgcolor=#000000]
-      RenderText {#text} at (0,0) size 362x198
-        text run at (0,0) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,18) width 351: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
-        text run at (0,36) width 325: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
-        text run at (0,54) width 358: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
-        text run at (0,72) width 343: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
-        text run at (0,90) width 340: "sem. Nam nonummy enim. Nullam bibendum lobortis"
-        text run at (0,108) width 344: "neque. Vestibulum velit orci, tempus euismod, pretium"
-        text run at (0,126) width 343: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
-        text run at (0,144) width 343: "condimentum vestibulum. Suspendisse hendrerit quam"
-        text run at (0,162) width 362: "nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor"
-        text run at (0,180) width 229: "sit amet, consectetuer adipiscing elit."
-    RenderBlock (anonymous) at (0,230) size 367x198
-      RenderText {#text} at (0,0) size 362x198
-        text run at (0,0) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,18) width 351: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
-        text run at (0,36) width 325: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
-        text run at (0,54) width 358: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
-        text run at (0,72) width 343: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
-        text run at (0,90) width 340: "sem. Nam nonummy enim. Nullam bibendum lobortis"
-        text run at (0,108) width 344: "neque. Vestibulum velit orci, tempus euismod, pretium"
-        text run at (0,126) width 343: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
-        text run at (0,144) width 343: "condimentum vestibulum. Suspendisse hendrerit quam"
-        text run at (0,162) width 362: "nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor"
-        text run at (0,180) width 229: "sit amet, consectetuer adipiscing elit."
+layer at (8,820) size 760x393
+  RenderBlock {DIV} at (0,803.63) size 760x393.81 [border: (5px solid #800000)]
+    RenderBlock (anonymous multi-column span) at (5,133) size 750x63.81 [color=#FFFFFF]
+      RenderBlock {H2} at (0,19.91) size 750x24 [color=#000000] [bgcolor=#EEEEEE]
+        RenderText {#text} at (0,0) size 635x24
+          text run at (0,0) width 635: "This is a spanning element in the middle of the columns block."
+layer at (13,825) size 750x128
+  RenderBlock (anonymous multi-column) at (5,5) size 750x128
+    RenderBlock (anonymous) at (0,0) size 367x176
+      RenderText {#text} at (0,0) size 367x176
+        text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
+        text run at (0,16) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
+        text run at (0,32) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
+        text run at (0,48) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
+        text run at (0,64) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
+        text run at (0,80) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
+        text run at (0,96) width 353: "neque. Vestibulum velit orci, tempus euismod, pretium"
+        text run at (0,112) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
+        text run at (0,128) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
+        text run at (0,144) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
+        text run at (0,160) width 275: "dolor sit amet, consectetuer adipiscing elit."
+    RenderBlock {SPAN} at (0,192) size 367x32 [color=#FFFFFF] [bgcolor=#000000]
+      RenderText {#text} at (0,0) size 364x32
+        text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
+        text run at (0,16) width 158: "Nulla varius enim ac mi."
+layer at (13,1016) size 750x192
+  RenderBlock (anonymous multi-column) at (5,196.81) size 750x192
+    RenderBlock {SPAN} at (0,16) size 367x176 [color=#FFFFFF] [bgcolor=#000000]
+      RenderText {#text} at (0,0) size 367x176
+        text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
+        text run at (0,16) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
+        text run at (0,32) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
+        text run at (0,48) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
+        text run at (0,64) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
+        text run at (0,80) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
+        text run at (0,96) width 353: "neque. Vestibulum velit orci, tempus euismod, pretium"
+        text run at (0,112) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
+        text run at (0,128) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
+        text run at (0,144) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
+        text run at (0,160) width 275: "dolor sit amet, consectetuer adipiscing elit."
+    RenderBlock (anonymous) at (0,208) size 367x176
+      RenderText {#text} at (0,0) size 367x176
+        text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
+        text run at (0,16) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
+        text run at (0,32) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
+        text run at (0,48) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
+        text run at (0,64) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
+        text run at (0,80) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
+        text run at (0,96) width 353: "neque. Vestibulum velit orci, tempus euismod, pretium"
+        text run at (0,112) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
+        text run at (0,128) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
+        text run at (0,144) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
+        text run at (0,160) width 275: "dolor sit amet, consectetuer adipiscing elit."