tizen beta release
[framework/web/webkit-efl.git] / LayoutTests / platform / qt / fast / multicol / span / span-as-nested-columns-child-expected.txt
index 3cced1a..3602063 100755 (executable)
-layer at (0,0) size 784x1643
+layer at (0,0) size 784x1640
   RenderView at (0,0) size 784x600
-layer at (0,0) size 784x1643
-  RenderBlock {HTML} at (0,0) size 784x1643
-    RenderBody {BODY} at (8,16) size 768x1611
-layer at (8,16) size 760x523
-  RenderBlock {DIV} at (0,0) size 760x523 [border: (5px solid #800000)]
-    RenderBlock (anonymous multi-column span) at (5,13) size 750x71 [color=#FFFFFF]
-      RenderBlock {H2} at (0,19) size 750x33 [color=#000000] [bgcolor=#EEEEEE]
-        RenderText {#text} at (0,0) size 664x33
-          text run at (0,0) width 664: "This is a spanning element at the beginning of the columns block."
+layer at (0,0) size 784x1640
+  RenderBlock {HTML} at (0,0) size 784x1640
+    RenderBody {BODY} at (8,16) size 768x1608
+layer at (8,16) size 760x546
+  RenderBlock {DIV} at (0,0) size 760x546 [border: (5px solid #800000)]
+    RenderBlock (anonymous multi-column span) at (5,13) size 750x102 [color=#FFFFFF]
+      RenderBlock {H2} at (0,19) size 750x64 [color=#000000] [bgcolor=#EEEEEE]
+        RenderText {#text} at (0,0) size 683x64
+          text run at (0,0) width 683: "This is a spanning element at the beginning of the columns"
+          text run at (0,32) width 70: "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,100) size 750x434
-  RenderBlock (anonymous multi-column) at (5,84) size 750x434
-    RenderBlock {SPAN} at (0,16) size 367x264 [color=#FFFFFF] [bgcolor=#000000]
-      RenderText {#text} at (0,0) size 367x264
-        text run at (0,0) width 351: "Lorem ipsum dolor sit amet, consectetuer adipiscing"
-        text run at (0,22) width 343: "elit. Nulla varius enim ac mi. Curabitur sollicitudin"
-        text run at (0,44) width 329: "felis quis lectus. Quisque adipiscing rhoncus sem."
-        text run at (0,66) width 367: "Proin nulla purus, vulputate vel, varius ut, euismod et,"
-        text run at (0,88) width 325: "nisi. Sed vitae felis vel orci sagittis aliquam. Cras"
-        text run at (0,110) width 315: "convallis adipiscing sem. Nam nonummy enim."
-        text run at (0,132) width 341: "Nullam bibendum lobortis neque. Vestibulum velit"
-        text run at (0,154) width 348: "orci, tempus euismod, pretium quis, interdum vitae,"
-        text run at (0,176) width 326: "nulla. Phasellus eget ante et tortor condimentum"
-        text run at (0,198) width 364: "vestibulum. Suspendisse hendrerit quam nec felis. Sed"
-        text run at (0,220) width 357: "varius turpis vitae pede. Lorem ipsum dolor sit amet,"
-        text run at (0,242) width 184: "consectetuer adipiscing elit."
-    RenderBlock (anonymous) at (0,296) size 367x556
-      RenderText {#text} at (0,0) size 367x556
-        text run at (0,0) width 351: "Lorem ipsum dolor sit amet, consectetuer adipiscing"
-        text run at (0,22) width 343: "elit. Nulla varius enim ac mi. Curabitur sollicitudin"
-        text run at (0,44) width 329: "felis quis lectus. Quisque adipiscing rhoncus sem."
-        text run at (0,66) width 367: "Proin nulla purus, vulputate vel, varius ut, euismod et,"
-        text run at (0,88) width 325: "nisi. Sed vitae felis vel orci sagittis aliquam. Cras"
-        text run at (0,110) width 315: "convallis adipiscing sem. Nam nonummy enim."
-        text run at (0,138) width 341: "Nullam bibendum lobortis neque. Vestibulum velit"
-        text run at (0,160) width 348: "orci, tempus euismod, pretium quis, interdum vitae,"
-        text run at (0,182) width 326: "nulla. Phasellus eget ante et tortor condimentum"
-        text run at (0,204) width 364: "vestibulum. Suspendisse hendrerit quam nec felis. Sed"
-        text run at (0,226) width 357: "varius turpis vitae pede. Lorem ipsum dolor sit amet,"
-        text run at (0,248) width 188: "consectetuer adipiscing elit. "
-        text run at (188,248) width 150: "Lorem ipsum dolor sit"
-        text run at (0,270) width 349: "amet, consectetuer adipiscing elit. Nulla varius enim"
-        text run at (0,292) width 359: "ac mi. Curabitur sollicitudin felis quis lectus. Quisque"
-        text run at (0,314) width 357: "adipiscing rhoncus sem. Proin nulla purus, vulputate"
-        text run at (0,336) width 350: "vel, varius ut, euismod et, nisi. Sed vitae felis vel orci"
-        text run at (0,358) width 351: "sagittis aliquam. Cras convallis adipiscing sem. Nam"
-        text run at (0,380) width 341: "nonummy enim. Nullam bibendum lobortis neque."
-        text run at (0,402) width 355: "Vestibulum velit orci, tempus euismod, pretium quis,"
-        text run at (0,424) width 336: "interdum vitae, nulla. Phasellus eget ante et tortor"
-        text run at (0,446) width 328: "condimentum vestibulum. Suspendisse hendrerit"
-        text run at (0,468) width 345: "quam nec felis. Sed varius turpis vitae pede. Lorem"
-        text run at (0,490) width 329: "ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,512) width 351: "Lorem ipsum dolor sit amet, consectetuer adipiscing"
-        text run at (0,534) width 192: "elit. Nulla varius enim ac mi."
-layer at (8,555) size 760x517
-  RenderBlock {DIV} at (0,539) size 760x517 [border: (5px solid #800000)]
-    RenderBlock (anonymous multi-column span) at (5,433) size 750x71 [color=#FFFFFF]
-      RenderBlock {H2} at (0,19) size 750x33 [color=#000000] [bgcolor=#EEEEEE]
-        RenderText {#text} at (0,0) size 600x33
-          text run at (0,0) width 600: "This is a spanning element at the end of the columns block."
-layer at (13,560) size 750x428
-  RenderBlock (anonymous multi-column) at (5,5) size 750x428
-    RenderBlock (anonymous) at (0,0) size 367x516
-      RenderText {#text} at (0,0) size 367x516
-        text run at (0,0) width 351: "Lorem ipsum dolor sit amet, consectetuer adipiscing"
-        text run at (0,22) width 343: "elit. Nulla varius enim ac mi. Curabitur sollicitudin"
-        text run at (0,44) width 329: "felis quis lectus. Quisque adipiscing rhoncus sem."
-        text run at (0,66) width 367: "Proin nulla purus, vulputate vel, varius ut, euismod et,"
-        text run at (0,88) width 325: "nisi. Sed vitae felis vel orci sagittis aliquam. Cras"
-        text run at (0,110) width 315: "convallis adipiscing sem. Nam nonummy enim."
-        text run at (0,132) width 341: "Nullam bibendum lobortis neque. Vestibulum velit"
-        text run at (0,154) width 348: "orci, tempus euismod, pretium quis, interdum vitae,"
-        text run at (0,176) width 326: "nulla. Phasellus eget ante et tortor condimentum"
-        text run at (0,198) width 364: "vestibulum. Suspendisse hendrerit quam nec felis. Sed"
-        text run at (0,220) width 357: "varius turpis vitae pede. Lorem ipsum dolor sit amet,"
-        text run at (0,242) width 188: "consectetuer adipiscing elit. "
-        text run at (188,242) width 150: "Lorem ipsum dolor sit"
-        text run at (0,264) width 349: "amet, consectetuer adipiscing elit. Nulla varius enim"
-        text run at (0,286) width 359: "ac mi. Curabitur sollicitudin felis quis lectus. Quisque"
-        text run at (0,308) width 357: "adipiscing rhoncus sem. Proin nulla purus, vulputate"
-        text run at (0,330) width 350: "vel, varius ut, euismod et, nisi. Sed vitae felis vel orci"
-        text run at (0,352) width 351: "sagittis aliquam. Cras convallis adipiscing sem. Nam"
-        text run at (0,374) width 341: "nonummy enim. Nullam bibendum lobortis neque."
-        text run at (0,396) width 355: "Vestibulum velit orci, tempus euismod, pretium quis,"
-        text run at (0,428) width 336: "interdum vitae, nulla. Phasellus eget ante et tortor"
-        text run at (0,450) width 328: "condimentum vestibulum. Suspendisse hendrerit"
-        text run at (0,472) width 345: "quam nec felis. Sed varius turpis vitae pede. Lorem"
-        text run at (0,494) width 329: "ipsum dolor sit amet, consectetuer adipiscing elit."
-    RenderBlock {SPAN} at (0,532) size 367x308 [color=#FFFFFF] [bgcolor=#000000]
-      RenderText {#text} at (0,0) size 367x308
-        text run at (0,0) width 351: "Lorem ipsum dolor sit amet, consectetuer adipiscing"
-        text run at (0,22) width 343: "elit. Nulla varius enim ac mi. Curabitur sollicitudin"
-        text run at (0,44) width 329: "felis quis lectus. Quisque adipiscing rhoncus sem."
-        text run at (0,66) width 367: "Proin nulla purus, vulputate vel, varius ut, euismod et,"
-        text run at (0,88) width 325: "nisi. Sed vitae felis vel orci sagittis aliquam. Cras"
-        text run at (0,110) width 315: "convallis adipiscing sem. Nam nonummy enim."
-        text run at (0,132) width 341: "Nullam bibendum lobortis neque. Vestibulum velit"
-        text run at (0,154) width 348: "orci, tempus euismod, pretium quis, interdum vitae,"
-        text run at (0,176) width 326: "nulla. Phasellus eget ante et tortor condimentum"
-        text run at (0,198) width 364: "vestibulum. Suspendisse hendrerit quam nec felis. Sed"
-        text run at (0,220) width 357: "varius turpis vitae pede. Lorem ipsum dolor sit amet,"
-        text run at (0,242) width 188: "consectetuer adipiscing elit. "
-        text run at (188,242) width 150: "Lorem ipsum dolor sit"
-        text run at (0,264) width 349: "amet, consectetuer adipiscing elit. Nulla varius enim"
-        text run at (0,286) width 40: "ac mi."
-layer at (13,1059) size 750x8
-  RenderBlock (anonymous multi-column) at (5,504) size 750x8
+layer at (13,131) size 750x426
+  RenderBlock (anonymous multi-column) at (5,115) size 750x426
+    RenderBlock {SPAN} at (0,16) size 367x252 [color=#FFFFFF] [bgcolor=#000000]
+      RenderText {#text} at (0,0) size 367x252
+        text run at (0,0) width 367: "Lorem ipsum dolor sit amet, consectetuer adipiscing"
+        text run at (0,21) width 349: "elit. Nulla varius enim ac mi. Curabitur sollicitudin"
+        text run at (0,42) width 353: "felis quis lectus. Quisque adipiscing rhoncus sem."
+        text run at (0,63) width 356: "Proin nulla purus, vulputate vel, varius ut, euismod"
+        text run at (0,84) width 366: "et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras"
+        text run at (0,105) width 333: "convallis adipiscing sem. Nam nonummy enim."
+        text run at (0,126) width 352: "Nullam bibendum lobortis neque. Vestibulum velit"
+        text run at (0,147) width 358: "orci, tempus euismod, pretium quis, interdum vitae,"
+        text run at (0,168) width 341: "nulla. Phasellus eget ante et tortor condimentum"
+        text run at (0,189) width 356: "vestibulum. Suspendisse hendrerit quam nec felis."
+        text run at (0,210) width 357: "Sed varius turpis vitae pede. Lorem ipsum dolor sit"
+        text run at (0,231) width 240: "amet, consectetuer adipiscing elit."
+    RenderBlock (anonymous) at (0,284) size 367x562
+      RenderText {#text} at (0,0) size 367x562
+        text run at (0,0) width 367: "Lorem ipsum dolor sit amet, consectetuer adipiscing"
+        text run at (0,21) width 349: "elit. Nulla varius enim ac mi. Curabitur sollicitudin"
+        text run at (0,42) width 353: "felis quis lectus. Quisque adipiscing rhoncus sem."
+        text run at (0,63) width 356: "Proin nulla purus, vulputate vel, varius ut, euismod"
+        text run at (0,84) width 366: "et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras"
+        text run at (0,105) width 333: "convallis adipiscing sem. Nam nonummy enim."
+        text run at (0,142) width 352: "Nullam bibendum lobortis neque. Vestibulum velit"
+        text run at (0,163) width 358: "orci, tempus euismod, pretium quis, interdum vitae,"
+        text run at (0,184) width 341: "nulla. Phasellus eget ante et tortor condimentum"
+        text run at (0,205) width 356: "vestibulum. Suspendisse hendrerit quam nec felis."
+        text run at (0,226) width 357: "Sed varius turpis vitae pede. Lorem ipsum dolor sit"
+        text run at (0,247) width 244: "amet, consectetuer adipiscing elit. "
+        text run at (244,247) width 92: "Lorem ipsum"
+        text run at (0,268) width 342: "dolor sit amet, consectetuer adipiscing elit. Nulla"
+        text run at (0,289) width 345: "varius enim ac mi. Curabitur sollicitudin felis quis"
+        text run at (0,310) width 367: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
+        text run at (0,331) width 362: "purus, vulputate vel, varius ut, euismod et, nisi. Sed"
+        text run at (0,352) width 346: "vitae felis vel orci sagittis aliquam. Cras convallis"
+        text run at (0,373) width 321: "adipiscing sem. Nam nonummy enim. Nullam"
+        text run at (0,394) width 331: "bibendum lobortis neque. Vestibulum velit orci,"
+        text run at (0,415) width 367: "tempus euismod, pretium quis, interdum vitae, nulla."
+        text run at (0,436) width 298: "Phasellus eget ante et tortor condimentum"
+        text run at (0,457) width 356: "vestibulum. Suspendisse hendrerit quam nec felis."
+        text run at (0,478) width 357: "Sed varius turpis vitae pede. Lorem ipsum dolor sit"
+        text run at (0,499) width 244: "amet, consectetuer adipiscing elit. "
+        text run at (244,499) width 92: "Lorem ipsum"
+        text run at (0,520) width 342: "dolor sit amet, consectetuer adipiscing elit. Nulla"
+        text run at (0,541) width 128: "varius enim ac mi."
+layer at (8,578) size 760x511
+  RenderBlock {DIV} at (0,562) size 760x511 [border: (5px solid #800000)]
+    RenderBlock (anonymous multi-column span) at (5,428) size 750x70 [color=#FFFFFF]
+      RenderBlock {H2} at (0,19) size 750x32 [color=#000000] [bgcolor=#EEEEEE]
+        RenderText {#text} at (0,0) size 686x32
+          text run at (0,0) width 686: "This is a spanning element at the end of the columns block."
+layer at (13,583) size 750x423
+  RenderBlock (anonymous multi-column) at (5,5) size 750x423
+    RenderBlock (anonymous) at (0,0) size 367x507
+      RenderText {#text} at (0,0) size 367x507
+        text run at (0,0) width 367: "Lorem ipsum dolor sit amet, consectetuer adipiscing"
+        text run at (0,21) width 349: "elit. Nulla varius enim ac mi. Curabitur sollicitudin"
+        text run at (0,42) width 353: "felis quis lectus. Quisque adipiscing rhoncus sem."
+        text run at (0,63) width 356: "Proin nulla purus, vulputate vel, varius ut, euismod"
+        text run at (0,84) width 366: "et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras"
+        text run at (0,105) width 333: "convallis adipiscing sem. Nam nonummy enim."
+        text run at (0,126) width 352: "Nullam bibendum lobortis neque. Vestibulum velit"
+        text run at (0,147) width 358: "orci, tempus euismod, pretium quis, interdum vitae,"
+        text run at (0,168) width 341: "nulla. Phasellus eget ante et tortor condimentum"
+        text run at (0,189) width 356: "vestibulum. Suspendisse hendrerit quam nec felis."
+        text run at (0,210) width 357: "Sed varius turpis vitae pede. Lorem ipsum dolor sit"
+        text run at (0,231) width 244: "amet, consectetuer adipiscing elit. "
+        text run at (244,231) width 92: "Lorem ipsum"
+        text run at (0,252) width 342: "dolor sit amet, consectetuer adipiscing elit. Nulla"
+        text run at (0,273) width 345: "varius enim ac mi. Curabitur sollicitudin felis quis"
+        text run at (0,294) width 367: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
+        text run at (0,315) width 362: "purus, vulputate vel, varius ut, euismod et, nisi. Sed"
+        text run at (0,336) width 346: "vitae felis vel orci sagittis aliquam. Cras convallis"
+        text run at (0,357) width 321: "adipiscing sem. Nam nonummy enim. Nullam"
+        text run at (0,378) width 331: "bibendum lobortis neque. Vestibulum velit orci,"
+        text run at (0,399) width 367: "tempus euismod, pretium quis, interdum vitae, nulla."
+        text run at (0,423) width 298: "Phasellus eget ante et tortor condimentum"
+        text run at (0,444) width 356: "vestibulum. Suspendisse hendrerit quam nec felis."
+        text run at (0,465) width 357: "Sed varius turpis vitae pede. Lorem ipsum dolor sit"
+        text run at (0,486) width 240: "amet, consectetuer adipiscing elit."
+    RenderBlock {SPAN} at (0,523) size 367x294 [color=#FFFFFF] [bgcolor=#000000]
+      RenderText {#text} at (0,0) size 367x294
+        text run at (0,0) width 367: "Lorem ipsum dolor sit amet, consectetuer adipiscing"
+        text run at (0,21) width 349: "elit. Nulla varius enim ac mi. Curabitur sollicitudin"
+        text run at (0,42) width 353: "felis quis lectus. Quisque adipiscing rhoncus sem."
+        text run at (0,63) width 356: "Proin nulla purus, vulputate vel, varius ut, euismod"
+        text run at (0,84) width 366: "et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras"
+        text run at (0,105) width 333: "convallis adipiscing sem. Nam nonummy enim."
+        text run at (0,126) width 352: "Nullam bibendum lobortis neque. Vestibulum velit"
+        text run at (0,147) width 358: "orci, tempus euismod, pretium quis, interdum vitae,"
+        text run at (0,168) width 341: "nulla. Phasellus eget ante et tortor condimentum"
+        text run at (0,189) width 356: "vestibulum. Suspendisse hendrerit quam nec felis."
+        text run at (0,210) width 357: "Sed varius turpis vitae pede. Lorem ipsum dolor sit"
+        text run at (0,231) width 244: "amet, consectetuer adipiscing elit. "
+        text run at (244,231) width 92: "Lorem ipsum"
+        text run at (0,252) width 342: "dolor sit amet, consectetuer adipiscing elit. Nulla"
+        text run at (0,273) width 128: "varius enim ac mi."
+layer at (13,1076) size 750x8
+  RenderBlock (anonymous multi-column) at (5,498) size 750x8
     RenderBlock {SPAN} at (0,8) size 367x0 [color=#FFFFFF] [bgcolor=#000000]
       RenderText {#text} at (0,0) size 0x0
-layer at (8,1088) size 760x539
-  RenderBlock {DIV} at (0,1072) size 760x539 [border: (5px solid #800000)]
-    RenderBlock (anonymous multi-column span) at (5,183) size 750x71 [color=#FFFFFF]
-      RenderBlock {H2} at (0,19) size 750x33 [color=#000000] [bgcolor=#EEEEEE]
-        RenderText {#text} at (0,0) size 634x33
-          text run at (0,0) width 634: "This is a spanning element in the middle of the columns block."
-layer at (13,1093) size 750x178
-  RenderBlock (anonymous multi-column) at (5,5) size 750x178
-    RenderBlock (anonymous) at (0,0) size 367x266
-      RenderText {#text} at (0,0) size 367x266
-        text run at (0,0) width 351: "Lorem ipsum dolor sit amet, consectetuer adipiscing"
-        text run at (0,22) width 343: "elit. Nulla varius enim ac mi. Curabitur sollicitudin"
-        text run at (0,44) width 329: "felis quis lectus. Quisque adipiscing rhoncus sem."
-        text run at (0,66) width 367: "Proin nulla purus, vulputate vel, varius ut, euismod et,"
-        text run at (0,88) width 325: "nisi. Sed vitae felis vel orci sagittis aliquam. Cras"
-        text run at (0,110) width 315: "convallis adipiscing sem. Nam nonummy enim."
-        text run at (0,132) width 341: "Nullam bibendum lobortis neque. Vestibulum velit"
-        text run at (0,154) width 348: "orci, tempus euismod, pretium quis, interdum vitae,"
-        text run at (0,178) width 326: "nulla. Phasellus eget ante et tortor condimentum"
-        text run at (0,200) width 364: "vestibulum. Suspendisse hendrerit quam nec felis. Sed"
-        text run at (0,222) width 357: "varius turpis vitae pede. Lorem ipsum dolor sit amet,"
-        text run at (0,244) width 184: "consectetuer adipiscing elit."
-    RenderBlock {SPAN} at (0,282) size 367x44 [color=#FFFFFF] [bgcolor=#000000]
-      RenderText {#text} at (0,0) size 351x44
-        text run at (0,0) width 351: "Lorem ipsum dolor sit amet, consectetuer adipiscing"
-        text run at (0,22) width 192: "elit. Nulla varius enim ac mi."
-layer at (13,1342) size 750x280
-  RenderBlock (anonymous multi-column) at (5,254) size 750x280
-    RenderBlock {SPAN} at (0,16) size 367x264 [color=#FFFFFF] [bgcolor=#000000]
-      RenderText {#text} at (0,0) size 367x264
-        text run at (0,0) width 351: "Lorem ipsum dolor sit amet, consectetuer adipiscing"
-        text run at (0,22) width 343: "elit. Nulla varius enim ac mi. Curabitur sollicitudin"
-        text run at (0,44) width 329: "felis quis lectus. Quisque adipiscing rhoncus sem."
-        text run at (0,66) width 367: "Proin nulla purus, vulputate vel, varius ut, euismod et,"
-        text run at (0,88) width 325: "nisi. Sed vitae felis vel orci sagittis aliquam. Cras"
-        text run at (0,110) width 315: "convallis adipiscing sem. Nam nonummy enim."
-        text run at (0,132) width 341: "Nullam bibendum lobortis neque. Vestibulum velit"
-        text run at (0,154) width 348: "orci, tempus euismod, pretium quis, interdum vitae,"
-        text run at (0,176) width 326: "nulla. Phasellus eget ante et tortor condimentum"
-        text run at (0,198) width 364: "vestibulum. Suspendisse hendrerit quam nec felis. Sed"
-        text run at (0,220) width 357: "varius turpis vitae pede. Lorem ipsum dolor sit amet,"
-        text run at (0,242) width 184: "consectetuer adipiscing elit."
-    RenderBlock (anonymous) at (0,296) size 367x264
-      RenderText {#text} at (0,0) size 367x264
-        text run at (0,0) width 351: "Lorem ipsum dolor sit amet, consectetuer adipiscing"
-        text run at (0,22) width 343: "elit. Nulla varius enim ac mi. Curabitur sollicitudin"
-        text run at (0,44) width 329: "felis quis lectus. Quisque adipiscing rhoncus sem."
-        text run at (0,66) width 367: "Proin nulla purus, vulputate vel, varius ut, euismod et,"
-        text run at (0,88) width 325: "nisi. Sed vitae felis vel orci sagittis aliquam. Cras"
-        text run at (0,110) width 315: "convallis adipiscing sem. Nam nonummy enim."
-        text run at (0,132) width 341: "Nullam bibendum lobortis neque. Vestibulum velit"
-        text run at (0,154) width 348: "orci, tempus euismod, pretium quis, interdum vitae,"
-        text run at (0,176) width 326: "nulla. Phasellus eget ante et tortor condimentum"
-        text run at (0,198) width 364: "vestibulum. Suspendisse hendrerit quam nec felis. Sed"
-        text run at (0,220) width 357: "varius turpis vitae pede. Lorem ipsum dolor sit amet,"
-        text run at (0,242) width 184: "consectetuer adipiscing elit."
+layer at (8,1105) size 760x519
+  RenderBlock {DIV} at (0,1089) size 760x519 [border: (5px solid #800000)]
+    RenderBlock (anonymous multi-column span) at (5,176) size 750x70 [color=#FFFFFF]
+      RenderBlock {H2} at (0,19) size 750x32 [color=#000000] [bgcolor=#EEEEEE]
+        RenderText {#text} at (0,0) size 722x32
+          text run at (0,0) width 722: "This is a spanning element in the middle of the columns block."
+layer at (13,1110) size 750x171
+  RenderBlock (anonymous multi-column) at (5,5) size 750x171
+    RenderBlock (anonymous) at (0,0) size 367x255
+      RenderText {#text} at (0,0) size 367x255
+        text run at (0,0) width 367: "Lorem ipsum dolor sit amet, consectetuer adipiscing"
+        text run at (0,21) width 349: "elit. Nulla varius enim ac mi. Curabitur sollicitudin"
+        text run at (0,42) width 353: "felis quis lectus. Quisque adipiscing rhoncus sem."
+        text run at (0,63) width 356: "Proin nulla purus, vulputate vel, varius ut, euismod"
+        text run at (0,84) width 366: "et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras"
+        text run at (0,105) width 333: "convallis adipiscing sem. Nam nonummy enim."
+        text run at (0,126) width 352: "Nullam bibendum lobortis neque. Vestibulum velit"
+        text run at (0,147) width 358: "orci, tempus euismod, pretium quis, interdum vitae,"
+        text run at (0,171) width 341: "nulla. Phasellus eget ante et tortor condimentum"
+        text run at (0,192) width 356: "vestibulum. Suspendisse hendrerit quam nec felis."
+        text run at (0,213) width 357: "Sed varius turpis vitae pede. Lorem ipsum dolor sit"
+        text run at (0,234) width 240: "amet, consectetuer adipiscing elit."
+    RenderBlock {SPAN} at (0,271) size 367x42 [color=#FFFFFF] [bgcolor=#000000]
+      RenderText {#text} at (0,0) size 367x42
+        text run at (0,0) width 367: "Lorem ipsum dolor sit amet, consectetuer adipiscing"
+        text run at (0,21) width 199: "elit. Nulla varius enim ac mi."
+layer at (13,1351) size 750x268
+  RenderBlock (anonymous multi-column) at (5,246) size 750x268
+    RenderBlock {SPAN} at (0,16) size 367x252 [color=#FFFFFF] [bgcolor=#000000]
+      RenderText {#text} at (0,0) size 367x252
+        text run at (0,0) width 367: "Lorem ipsum dolor sit amet, consectetuer adipiscing"
+        text run at (0,21) width 349: "elit. Nulla varius enim ac mi. Curabitur sollicitudin"
+        text run at (0,42) width 353: "felis quis lectus. Quisque adipiscing rhoncus sem."
+        text run at (0,63) width 356: "Proin nulla purus, vulputate vel, varius ut, euismod"
+        text run at (0,84) width 366: "et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras"
+        text run at (0,105) width 333: "convallis adipiscing sem. Nam nonummy enim."
+        text run at (0,126) width 352: "Nullam bibendum lobortis neque. Vestibulum velit"
+        text run at (0,147) width 358: "orci, tempus euismod, pretium quis, interdum vitae,"
+        text run at (0,168) width 341: "nulla. Phasellus eget ante et tortor condimentum"
+        text run at (0,189) width 356: "vestibulum. Suspendisse hendrerit quam nec felis."
+        text run at (0,210) width 357: "Sed varius turpis vitae pede. Lorem ipsum dolor sit"
+        text run at (0,231) width 240: "amet, consectetuer adipiscing elit."
+    RenderBlock (anonymous) at (0,284) size 367x252
+      RenderText {#text} at (0,0) size 367x252
+        text run at (0,0) width 367: "Lorem ipsum dolor sit amet, consectetuer adipiscing"
+        text run at (0,21) width 349: "elit. Nulla varius enim ac mi. Curabitur sollicitudin"
+        text run at (0,42) width 353: "felis quis lectus. Quisque adipiscing rhoncus sem."
+        text run at (0,63) width 356: "Proin nulla purus, vulputate vel, varius ut, euismod"
+        text run at (0,84) width 366: "et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras"
+        text run at (0,105) width 333: "convallis adipiscing sem. Nam nonummy enim."
+        text run at (0,126) width 352: "Nullam bibendum lobortis neque. Vestibulum velit"
+        text run at (0,147) width 358: "orci, tempus euismod, pretium quis, interdum vitae,"
+        text run at (0,168) width 341: "nulla. Phasellus eget ante et tortor condimentum"
+        text run at (0,189) width 356: "vestibulum. Suspendisse hendrerit quam nec felis."
+        text run at (0,210) width 357: "Sed varius turpis vitae pede. Lorem ipsum dolor sit"
+        text run at (0,231) width 240: "amet, consectetuer adipiscing elit."