[New Multicolumn] Enable new multi-column mode
[WebKit-https.git] / LayoutTests / platform / mac / fast / multicol / span / span-as-immediate-child-property-removal-expected.txt
index 79c625c..7c438ff 100644 (file)
@@ -1,20 +1,38 @@
-layer at (0,0) size 785x2418
+layer at (0,0) size 785x2396
   RenderView at (0,0) size 785x600
-layer at (0,0) size 785x2418
-  RenderBlock {HTML} at (0,0) size 785x2418
-    RenderBody {BODY} at (8,8) size 769x2394
+layer at (0,0) size 785x2396
+  RenderBlock {HTML} at (0,0) size 785x2396
+    RenderBody {BODY} at (8,8) size 769x2372
       RenderBlock (anonymous) at (0,0) size 769x36
         RenderText {#text} at (0,0) size 760x36
           text run at (0,0) width 760: "In this test, all of the spanning elements have their spans turned off dynamically, and so they should just be in the column"
           text run at (0,18) width 33: "flow."
         RenderText {#text} at (0,0) size 0x0
-layer at (8,60) size 760x360
-  RenderBlock {DIV} at (0,52) size 760x360 [border: (5px solid #800000)]
-    RenderBlock {H2} at (5,24) size 367x29 [bgcolor=#EEEEEE]
+layer at (8,60) size 760x352
+  RenderBlock {DIV} at (0,52) size 760x352 [border: (5px solid #800000)]
+    RenderMultiColumnSet at (5,5) size 750x342
+layer at (8,428) size 760x352
+  RenderBlock {DIV} at (0,420) size 760x352 [border: (5px solid #800000)]
+    RenderMultiColumnSet at (5,5) size 750x342
+layer at (8,796) size 760x382
+  RenderBlock {DIV} at (0,788) size 760x382 [border: (5px solid #800000)]
+    RenderMultiColumnSet at (5,5) size 750x372
+layer at (8,1194) size 760x384
+  RenderBlock {DIV} at (0,1185) size 760x385 [border: (5px solid #800000)]
+    RenderMultiColumnSet at (5,5) size 750x374
+layer at (8,1594) size 760x370
+  RenderBlock {DIV} at (0,1585) size 760x371 [border: (5px solid #800000)]
+    RenderMultiColumnSet at (5,5) size 750x360
+layer at (8,1980) size 760x400
+  RenderBlock {DIV} at (0,1971) size 760x401 [border: (5px solid #800000)]
+    RenderMultiColumnSet at (5,5) size 750x390
+layer at (13,65) size 367x684
+  RenderMultiColumnFlowThread at (5,5) size 367x684
+    RenderBlock {H2} at (0,19) size 367x29 [bgcolor=#EEEEEE]
       RenderText {#text} at (0,0) size 276x28
         text run at (0,0) width 276: "This is a spanning element."
-    RenderBlock (anonymous) at (5,72) size 367x625
-      RenderText {#text} at (0,0) size 363x624
+    RenderBlock (anonymous) at (0,67) size 367x617
+      RenderText {#text} at (0,0) size 363x616
         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"
@@ -31,30 +49,30 @@ layer at (8,60) size 760x360
         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,282) width 351: "aliquam. Cras convallis adipiscing sem. Nam nonummy"
-        text run at (0,300) width 358: "enim. Nullam bibendum lobortis neque. Vestibulum velit"
-        text run at (0,318) width 361: "orci, tempus euismod, pretium quis, interdum vitae, nulla."
-        text run at (0,336) width 339: "Phasellus eget ante et tortor condimentum vestibulum."
-        text run at (0,354) width 345: "Suspendisse hendrerit quam nec felis. Sed varius turpis"
-        text run at (0,372) width 331: "vitae pede. Lorem ipsum dolor sit amet, consectetuer"
-        text run at (0,390) width 95: "adipiscing elit. "
-        text run at (95,390) width 259: "Lorem ipsum dolor sit amet, consectetuer"
-        text run at (0,408) width 313: "adipiscing elit. Nulla varius enim ac mi. Curabitur"
-        text run at (0,426) width 352: "sollicitudin felis quis lectus. Quisque adipiscing rhoncus"
-        text run at (0,444) width 353: "sem. Proin nulla purus, vulputate vel, varius ut, euismod"
-        text run at (0,462) width 326: "et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras"
-        text run at (0,480) width 350: "convallis adipiscing sem. Nam nonummy enim. Nullam"
-        text run at (0,498) width 349: "bibendum lobortis neque. Vestibulum velit orci, tempus"
-        text run at (0,516) width 343: "euismod, pretium quis, interdum vitae, nulla. Phasellus"
-        text run at (0,534) width 357: "eget ante et tortor condimentum vestibulum. Suspendisse"
-        text run at (0,552) width 336: "hendrerit quam nec felis. Sed varius turpis vitae pede."
-        text run at (0,570) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,588) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,606) width 154: "Nulla varius enim ac mi."
-layer at (8,436) size 760x358
-  RenderBlock {DIV} at (0,428) size 760x358 [border: (5px solid #800000)]
-    RenderBlock (anonymous) at (5,5) size 367x618
-      RenderText {#text} at (0,0) size 363x618
+        text run at (0,274) width 351: "aliquam. Cras convallis adipiscing sem. Nam nonummy"
+        text run at (0,292) width 358: "enim. Nullam bibendum lobortis neque. Vestibulum velit"
+        text run at (0,310) width 361: "orci, tempus euismod, pretium quis, interdum vitae, nulla."
+        text run at (0,328) width 339: "Phasellus eget ante et tortor condimentum vestibulum."
+        text run at (0,346) width 345: "Suspendisse hendrerit quam nec felis. Sed varius turpis"
+        text run at (0,364) width 331: "vitae pede. Lorem ipsum dolor sit amet, consectetuer"
+        text run at (0,382) width 95: "adipiscing elit. "
+        text run at (95,382) width 259: "Lorem ipsum dolor sit amet, consectetuer"
+        text run at (0,400) width 313: "adipiscing elit. Nulla varius enim ac mi. Curabitur"
+        text run at (0,418) width 352: "sollicitudin felis quis lectus. Quisque adipiscing rhoncus"
+        text run at (0,436) width 353: "sem. Proin nulla purus, vulputate vel, varius ut, euismod"
+        text run at (0,454) width 326: "et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras"
+        text run at (0,472) width 350: "convallis adipiscing sem. Nam nonummy enim. Nullam"
+        text run at (0,490) width 349: "bibendum lobortis neque. Vestibulum velit orci, tempus"
+        text run at (0,508) width 343: "euismod, pretium quis, interdum vitae, nulla. Phasellus"
+        text run at (0,526) width 357: "eget ante et tortor condimentum vestibulum. Suspendisse"
+        text run at (0,544) width 336: "hendrerit quam nec felis. Sed varius turpis vitae pede."
+        text run at (0,562) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
+        text run at (0,580) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
+        text run at (0,598) width 154: "Nulla varius enim ac mi."
+layer at (13,433) size 367x680
+  RenderMultiColumnFlowThread at (5,5) size 367x680
+    RenderBlock (anonymous) at (0,0) size 367x612
+      RenderText {#text} at (0,0) size 363x612
         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"
@@ -75,28 +93,28 @@ layer at (8,436) size 760x358
         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,324) width 339: "Phasellus eget ante et tortor condimentum vestibulum."
-        text run at (0,348) width 345: "Suspendisse hendrerit quam nec felis. Sed varius turpis"
-        text run at (0,366) width 331: "vitae pede. Lorem ipsum dolor sit amet, consectetuer"
-        text run at (0,384) width 95: "adipiscing elit. "
-        text run at (95,384) width 259: "Lorem ipsum dolor sit amet, consectetuer"
-        text run at (0,402) width 313: "adipiscing elit. Nulla varius enim ac mi. Curabitur"
-        text run at (0,420) width 352: "sollicitudin felis quis lectus. Quisque adipiscing rhoncus"
-        text run at (0,438) width 353: "sem. Proin nulla purus, vulputate vel, varius ut, euismod"
-        text run at (0,456) width 326: "et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras"
-        text run at (0,474) width 350: "convallis adipiscing sem. Nam nonummy enim. Nullam"
-        text run at (0,492) width 349: "bibendum lobortis neque. Vestibulum velit orci, tempus"
-        text run at (0,510) width 343: "euismod, pretium quis, interdum vitae, nulla. Phasellus"
-        text run at (0,528) width 357: "eget ante et tortor condimentum vestibulum. Suspendisse"
-        text run at (0,546) width 336: "hendrerit quam nec felis. Sed varius turpis vitae pede."
-        text run at (0,564) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,582) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,600) width 154: "Nulla varius enim ac mi."
-    RenderBlock {H2} at (5,642) size 367x29 [bgcolor=#EEEEEE]
+        text run at (0,342) width 345: "Suspendisse hendrerit quam nec felis. Sed varius turpis"
+        text run at (0,360) width 331: "vitae pede. Lorem ipsum dolor sit amet, consectetuer"
+        text run at (0,378) width 95: "adipiscing elit. "
+        text run at (95,378) width 259: "Lorem ipsum dolor sit amet, consectetuer"
+        text run at (0,396) width 313: "adipiscing elit. Nulla varius enim ac mi. Curabitur"
+        text run at (0,414) width 352: "sollicitudin felis quis lectus. Quisque adipiscing rhoncus"
+        text run at (0,432) width 353: "sem. Proin nulla purus, vulputate vel, varius ut, euismod"
+        text run at (0,450) width 326: "et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras"
+        text run at (0,468) width 350: "convallis adipiscing sem. Nam nonummy enim. Nullam"
+        text run at (0,486) width 349: "bibendum lobortis neque. Vestibulum velit orci, tempus"
+        text run at (0,504) width 343: "euismod, pretium quis, interdum vitae, nulla. Phasellus"
+        text run at (0,522) width 357: "eget ante et tortor condimentum vestibulum. Suspendisse"
+        text run at (0,540) width 336: "hendrerit quam nec felis. Sed varius turpis vitae pede."
+        text run at (0,558) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
+        text run at (0,576) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
+        text run at (0,594) width 154: "Nulla varius enim ac mi."
+    RenderBlock {H2} at (0,631) size 367x29 [bgcolor=#EEEEEE]
       RenderText {#text} at (0,0) size 276x28
         text run at (0,0) width 276: "This is a spanning element."
-layer at (8,810) size 760x384
-  RenderBlock {DIV} at (0,802) size 760x384 [border: (5px solid #800000)]
-    RenderBlock {P} at (5,21) size 367x234
+layer at (13,801) size 367x730
+  RenderMultiColumnFlowThread at (5,5) size 367x730
+    RenderBlock {P} at (0,16) size 367x234
       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"
@@ -112,37 +130,37 @@ layer at (8,810) size 760x384
         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."
-    RenderBlock {H2} at (5,274) size 367x29 [bgcolor=#EEEEEE]
+    RenderBlock {H2} at (0,269) size 367x29 [bgcolor=#EEEEEE]
       RenderText {#text} at (0,0) size 276x28
         text run at (0,0) width 276: "This is a spanning element."
-    RenderBlock {P} at (5,322) size 367x399
-      RenderText {#text} at (0,0) size 363x398
+    RenderBlock {P} at (0,317) size 367x397
+      RenderText {#text} at (0,0) size 363x396
         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,56) width 358: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
-        text run at (0,74) width 343: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
-        text run at (0,92) width 340: "sem. Nam nonummy enim. Nullam bibendum lobortis"
-        text run at (0,110) width 344: "neque. Vestibulum velit orci, tempus euismod, pretium"
-        text run at (0,128) width 343: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
-        text run at (0,146) width 343: "condimentum vestibulum. Suspendisse hendrerit quam"
-        text run at (0,164) width 362: "nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor"
-        text run at (0,182) width 233: "sit amet, consectetuer adipiscing elit. "
-        text run at (233,182) width 121: "Lorem ipsum dolor"
-        text run at (0,200) width 363: "sit amet, consectetuer adipiscing elit. Nulla varius enim ac"
-        text run at (0,218) width 318: "mi. Curabitur sollicitudin felis quis lectus. Quisque"
-        text run at (0,236) width 356: "adipiscing rhoncus sem. Proin nulla purus, vulputate vel,"
-        text run at (0,254) width 354: "varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis"
-        text run at (0,272) width 351: "aliquam. Cras convallis adipiscing sem. Nam nonummy"
-        text run at (0,290) width 358: "enim. Nullam bibendum lobortis neque. Vestibulum velit"
-        text run at (0,308) width 361: "orci, tempus euismod, pretium quis, interdum vitae, nulla."
-        text run at (0,326) width 339: "Phasellus eget ante et tortor condimentum vestibulum."
-        text run at (0,344) width 345: "Suspendisse hendrerit quam nec felis. Sed varius turpis"
-        text run at (0,362) width 331: "vitae pede. Lorem ipsum dolor sit amet, consectetuer"
-        text run at (0,380) width 91: "adipiscing elit."
-layer at (8,1210) size 760x384
-  RenderBlock {DIV} at (0,1202) size 760x384 [border: (5px solid #800000)]
-    RenderBlock (anonymous) at (5,5) size 367x234
+        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,324) width 339: "Phasellus eget ante et tortor condimentum vestibulum."
+        text run at (0,342) width 345: "Suspendisse hendrerit quam nec felis. Sed varius turpis"
+        text run at (0,360) width 331: "vitae pede. Lorem ipsum dolor sit amet, consectetuer"
+        text run at (0,378) width 91: "adipiscing elit."
+layer at (13,1199) size 367x730
+  RenderMultiColumnFlowThread at (5,5) size 367x730
+    RenderBlock (anonymous) at (0,0) size 367x234
       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"
@@ -158,10 +176,10 @@ layer at (8,1210) size 760x384
         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."
-    RenderBlock {H2} at (5,258) size 367x29 [bgcolor=#EEEEEE]
+    RenderBlock {H2} at (0,253) size 367x29 [bgcolor=#EEEEEE]
       RenderText {#text} at (0,0) size 276x28
         text run at (0,0) width 276: "This is a spanning element."
-    RenderBlock (anonymous) at (5,306) size 367x199
+    RenderBlock (anonymous) at (0,301) size 367x199
       RenderInline {SPAN} at (0,0) size 42x18
         RenderText {#text} at (0,0) size 42x18
           text run at (0,0) width 42: "Lorem"
@@ -177,7 +195,7 @@ layer at (8,1210) size 760x384
         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 {P} at (5,521) size 367x198
+    RenderBlock {P} at (0,515) size 367x199
       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"
@@ -190,9 +208,9 @@ layer at (8,1210) size 760x384
         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,1610) size 760x375
-  RenderBlock {DIV} at (0,1602) size 760x375 [border: (5px solid #800000)]
-    RenderBlock (anonymous) at (5,5) size 367x198
+layer at (13,1599) size 367x714
+  RenderMultiColumnFlowThread at (5,5) size 367x714
+    RenderBlock (anonymous) at (0,0) size 367x198
       RenderInline {SPAN} at (0,0) size 362x198
         RenderText {#text} at (0,0) size 362x198
           text run at (0,0) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
@@ -206,16 +224,16 @@ layer at (8,1610) size 760x375
           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 (5,203) size 367x36
+    RenderBlock (anonymous) at (0,198) size 367x36
       RenderBlock {SPAN} at (0,0) size 367x36
         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."
-    RenderBlock (anonymous) at (5,239) size 367x203
+    RenderBlock (anonymous) at (0,234) size 367x198
       RenderInline {SPAN} at (0,0) size 42x18
         RenderText {#text} at (0,0) size 42x18
           text run at (0,0) width 42: "Lorem"
-      RenderText {#text} at (42,0) size 362x203
+      RenderText {#text} at (42,0) size 362x198
         text run at (42,0) width 312: " 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"
@@ -223,14 +241,14 @@ layer at (8,1610) size 760x375
         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,131) width 343: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
-        text run at (0,149) width 343: "condimentum vestibulum. Suspendisse hendrerit quam"
-        text run at (0,167) width 362: "nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor"
-        text run at (0,185) width 229: "sit amet, consectetuer adipiscing elit."
-    RenderBlock {H2} at (5,461) size 367x29 [bgcolor=#EEEEEE]
+        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 {H2} at (0,451) size 367x29 [bgcolor=#EEEEEE]
       RenderText {#text} at (0,0) size 276x28
         text run at (0,0) width 276: "This is a spanning element."
-    RenderBlock {P} at (5,509) size 367x199
+    RenderBlock {P} at (0,499) size 367x199
       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"
@@ -243,9 +261,9 @@ layer at (8,1610) size 760x375
         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,2001) size 760x401
-  RenderBlock {DIV} at (0,1993) size 760x401 [border: (5px solid #800000)]
-    RenderBlock {P} at (5,21) size 367x198
+layer at (13,1985) size 367x764 backgroundClip at (0,0) size 785x2396 clip at (0,0) size 785x2396 outlineClip at (0,0) size 785x2396
+  RenderMultiColumnFlowThread at (5,5) size 367x764
+    RenderBlock {P} at (0,16) 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"
@@ -258,35 +276,35 @@ layer at (8,2001) size 760x401
         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 {P} at (5,235) size 367x36
+    RenderBlock {P} at (0,230) size 367x36
       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."
-    RenderBlock {P} at (5,287) size 367x199
-      RenderText {#text} at (0,0) size 362x199
+    RenderBlock {P} at (0,282) 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,109) width 344: "neque. Vestibulum velit orci, tempus euismod, pretium"
-        text run at (0,127) width 343: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
-        text run at (0,145) width 343: "condimentum vestibulum. Suspendisse hendrerit quam"
-        text run at (0,163) width 362: "nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor"
-        text run at (0,181) width 229: "sit amet, consectetuer adipiscing elit."
-    RenderBlock {H2} at (5,505) size 367x29 [bgcolor=#EEEEEE]
+        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 {H2} at (0,499) size 367x29 [bgcolor=#EEEEEE]
       RenderText {#text} at (0,0) size 276x28
         text run at (0,0) width 276: "This is a spanning element."
-    RenderBlock (anonymous) at (5,553) size 367x19
+    RenderBlock (anonymous) at (0,547) size 367x19
       RenderInline {SPAN} at (0,0) size 354x18
         RenderText {#text} at (0,0) size 354x18
           text run at (0,0) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-    RenderBlock (anonymous) at (5,571) size 367x19
+    RenderBlock (anonymous) at (0,565) size 367x19
       RenderBlock {SPAN} at (0,0) size 367x18
         RenderText {#text} at (0,0) size 154x18
           text run at (0,0) width 154: "Nulla varius enim ac mi."
-    RenderBlock (anonymous) at (5,589) size 367x181
+    RenderBlock (anonymous) at (0,583) size 367x181
       RenderInline {SPAN} at (0,0) size 362x180
         RenderText {#text} at (0,0) size 362x180
           text run at (0,0) width 362: "Curabitur sollicitudin felis quis lectus. Quisque adipiscing"