Enable new multicol for testing and experimental web platform features.

LayoutTests/platform/win/fast/multicol/span/span-as-immediate-child-generated-content-expected.txt

-layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 2767
-  LayoutView at (0,0) size 800x600
-layer at (0,0) size 785x2767 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
-  LayoutBlockFlow {HTML} at (0,0) size 785x2766.88
-    LayoutBlockFlow {BODY} at (8,16) size 769x2734.88
-layer at (8,16) size 760x421
-  LayoutBlockFlow {DIV} at (0,0) size 760x420.81 [border: (5px solid #800000)]
-    LayoutBlockFlow (anonymous multi-column span) at (5,23) size 750x66.81
-      LayoutBlockFlow {H2} at (0,19.91) size 750x27 [bgcolor=#EEEEEE]
-        LayoutText {#text} at (0,0) size 277x26
-          text run at (0,0) width 277: "This is a spanning element."
-layer at (13,21) size 750x18
-  LayoutBlockFlow (anonymous multi-column) at (5,5) size 750x18
-    LayoutBlockFlow {<pseudo:before>} at (0,0) size 367x18 [bgcolor=#FFFF00]
-      LayoutTextFragment at (0,0) size 168x17
-        text run at (0,0) width 168: "Before Generated Content"
-layer at (13,106) size 750x326
-  LayoutBlockFlow (anonymous multi-column) at (5,89.81) size 750x326
-    LayoutBlockFlow (anonymous) at (0,0) size 367x632
-      LayoutText {#text} at (0,0) size 367x631
-        text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,18) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
-        text run at (0,36) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
-        text run at (0,54) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
-        text run at (0,72) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
-        text run at (0,90) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
-        text run at (0,108) width 353: "neque. Vestibulum velit orci, tempus euismod, pretium"
-        text run at (0,126) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
-        text run at (0,144) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
-        text run at (0,162) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
-        text run at (0,180) width 279: "dolor sit amet, consectetuer adipiscing elit. "
-        text run at (278,180) width 86: "Lorem ipsum"
-        text run at (0,198) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius"
-        text run at (0,216) width 324: "enim ac mi. Curabitur sollicitudin felis quis lectus."
-        text run at (0,234) width 330: "Quisque adipiscing rhoncus sem. Proin nulla purus,"
-        text run at (0,252) width 355: "vulputate vel, varius ut, euismod et, nisi. Sed vitae felis"
-        text run at (0,270) width 356: "vel orci sagittis aliquam. Cras convallis adipiscing sem."
-        text run at (0,288) width 360: "Nam nonummy enim. Nullam bibendum lobortis neque."
-        text run at (0,306) width 341: "Vestibulum velit orci, tempus euismod, pretium quis,"
-        text run at (0,326) width 318: "interdum vitae, nulla. Phasellus eget ante et tortor"
-        text run at (0,344) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
-        text run at (0,362) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
-        text run at (0,380) width 279: "dolor sit amet, consectetuer adipiscing elit. "
-        text run at (278,380) width 86: "Lorem ipsum"
-        text run at (0,398) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius"
-        text run at (0,416) width 324: "enim ac mi. Curabitur sollicitudin felis quis lectus."
-        text run at (0,434) width 330: "Quisque adipiscing rhoncus sem. Proin nulla purus,"
-        text run at (0,452) width 355: "vulputate vel, varius ut, euismod et, nisi. Sed vitae felis"
-        text run at (0,470) width 356: "vel orci sagittis aliquam. Cras convallis adipiscing sem."
-        text run at (0,488) width 360: "Nam nonummy enim. Nullam bibendum lobortis neque."
-        text run at (0,506) width 341: "Vestibulum velit orci, tempus euismod, pretium quis,"
-        text run at (0,524) width 318: "interdum vitae, nulla. Phasellus eget ante et tortor"
-        text run at (0,542) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
-        text run at (0,560) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
-        text run at (0,578) width 279: "dolor sit amet, consectetuer adipiscing elit. "
-        text run at (278,578) width 86: "Lorem ipsum"
-        text run at (0,596) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius"
-        text run at (0,614) width 76: "enim ac mi."
-    LayoutBlockFlow {<pseudo:after>} at (0,632) size 367x20 [bgcolor=#FFFF00]
-      LayoutTextFragment at (0,0) size 159x17
-        text run at (0,0) width 159: "After Generated Content"
-layer at (8,453) size 760x419 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
-  LayoutBlockFlow {DIV} at (0,436.81) size 760x418.81 [border: (5px solid #800000)]
-    LayoutBlockFlow (anonymous multi-column span) at (5,329) size 750x66.81
-      LayoutBlockFlow {H2} at (0,19.91) size 750x27 [bgcolor=#EEEEEE]
-        LayoutText {#text} at (0,0) size 277x26
-          text run at (0,0) width 277: "This is a spanning element."
-layer at (13,458) size 750x324 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
-  LayoutBlockFlow (anonymous multi-column) at (5,5) size 750x324
-    LayoutBlockFlow {<pseudo:before>} at (0,0) size 367x18 [bgcolor=#FFFF00]
-      LayoutTextFragment at (0,0) size 168x17
-        text run at (0,0) width 168: "Before Generated Content"
-    LayoutBlockFlow (anonymous) at (0,18) size 367x630
-      LayoutText {#text} at (0,0) size 367x629
-        text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,18) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
-        text run at (0,36) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
-        text run at (0,54) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
-        text run at (0,72) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
-        text run at (0,90) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
-        text run at (0,108) width 353: "neque. Vestibulum velit orci, tempus euismod, pretium"
-        text run at (0,126) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
-        text run at (0,144) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
-        text run at (0,162) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
-        text run at (0,180) width 279: "dolor sit amet, consectetuer adipiscing elit. "
-        text run at (278,180) width 86: "Lorem ipsum"
-        text run at (0,198) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius"
-        text run at (0,216) width 324: "enim ac mi. Curabitur sollicitudin felis quis lectus."
-        text run at (0,234) width 330: "Quisque adipiscing rhoncus sem. Proin nulla purus,"
-        text run at (0,252) width 355: "vulputate vel, varius ut, euismod et, nisi. Sed vitae felis"
-        text run at (0,270) width 356: "vel orci sagittis aliquam. Cras convallis adipiscing sem."
-        text run at (0,288) width 360: "Nam nonummy enim. Nullam bibendum lobortis neque."
-        text run at (0,306) width 341: "Vestibulum velit orci, tempus euismod, pretium quis,"
-        text run at (0,324) width 318: "interdum vitae, nulla. Phasellus eget ante et tortor"
-        text run at (0,342) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
-        text run at (0,360) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
-        text run at (0,378) width 279: "dolor sit amet, consectetuer adipiscing elit. "
-        text run at (278,378) width 86: "Lorem ipsum"
-        text run at (0,396) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius"
-        text run at (0,414) width 324: "enim ac mi. Curabitur sollicitudin felis quis lectus."
-        text run at (0,432) width 330: "Quisque adipiscing rhoncus sem. Proin nulla purus,"
-        text run at (0,450) width 355: "vulputate vel, varius ut, euismod et, nisi. Sed vitae felis"
-        text run at (0,468) width 356: "vel orci sagittis aliquam. Cras convallis adipiscing sem."
-        text run at (0,486) width 360: "Nam nonummy enim. Nullam bibendum lobortis neque."
-        text run at (0,504) width 341: "Vestibulum velit orci, tempus euismod, pretium quis,"
-        text run at (0,522) width 318: "interdum vitae, nulla. Phasellus eget ante et tortor"
-        text run at (0,540) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
-        text run at (0,558) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
-        text run at (0,576) width 279: "dolor sit amet, consectetuer adipiscing elit. "
-        text run at (278,576) width 86: "Lorem ipsum"
-        text run at (0,594) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius"
-        text run at (0,612) width 76: "enim ac mi."
-layer at (13,849) size 750x18 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
-  LayoutBlockFlow (anonymous multi-column) at (5,395.81) size 750x18
-    LayoutBlockFlow {<pseudo:after>} at (0,0) size 367x20 [bgcolor=#FFFF00]
-      LayoutTextFragment at (0,0) size 159x17
-        text run at (0,0) width 159: "After Generated Content"
-layer at (8,888) size 760x452 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
-  LayoutBlockFlow {DIV} at (0,871.63) size 760x452.81 [border: (5px solid #800000)]
-    LayoutBlockFlow (anonymous multi-column span) at (5,147) size 750x66.81
-      LayoutBlockFlow {H2} at (0,19.91) size 750x27 [bgcolor=#EEEEEE]
-        LayoutText {#text} at (0,0) size 277x26
-          text run at (0,0) width 277: "This is a spanning element."
-layer at (13,893) size 750x142 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
-  LayoutBlockFlow (anonymous multi-column) at (5,5) size 750x142
-    LayoutBlockFlow {<pseudo:before>} at (0,0) size 367x18 [bgcolor=#FFFF00]
-      LayoutTextFragment at (0,0) size 168x17
-        text run at (0,0) width 168: "Before Generated Content"
-    LayoutBlockFlow {P} at (0,34) size 367x234
-      LayoutText {#text} at (0,0) size 367x233
-        text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,18) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
-        text run at (0,36) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
-        text run at (0,54) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
-        text run at (0,72) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
-        text run at (0,90) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
-        text run at (0,108) width 353: "neque. Vestibulum velit orci, tempus euismod, pretium"
-        text run at (0,126) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
-        text run at (0,144) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
-        text run at (0,162) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
-        text run at (0,180) width 279: "dolor sit amet, consectetuer adipiscing elit. "
-        text run at (278,180) width 86: "Lorem ipsum"
-        text run at (0,198) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius"
-        text run at (0,216) width 76: "enim ac mi."
-layer at (13,1101) size 750x234 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
-  LayoutBlockFlow (anonymous multi-column) at (5,213.81) size 750x234
-    LayoutBlockFlow {P} at (0,16) size 367x398
-      LayoutText {#text} at (0,0) size 367x397
-        text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,18) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
-        text run at (0,36) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
-        text run at (0,54) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
-        text run at (0,72) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
-        text run at (0,90) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
-        text run at (0,108) width 353: "neque. Vestibulum velit orci, tempus euismod, pretium"
-        text run at (0,126) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
-        text run at (0,144) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
-        text run at (0,162) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
-        text run at (0,180) width 279: "dolor sit amet, consectetuer adipiscing elit. "
-        text run at (278,180) width 86: "Lorem ipsum"
-        text run at (0,198) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius"
-        text run at (0,218) width 324: "enim ac mi. Curabitur sollicitudin felis quis lectus."
-        text run at (0,236) width 330: "Quisque adipiscing rhoncus sem. Proin nulla purus,"
-        text run at (0,254) width 355: "vulputate vel, varius ut, euismod et, nisi. Sed vitae felis"
-        text run at (0,272) width 356: "vel orci sagittis aliquam. Cras convallis adipiscing sem."
-        text run at (0,290) width 360: "Nam nonummy enim. Nullam bibendum lobortis neque."
-        text run at (0,308) width 341: "Vestibulum velit orci, tempus euismod, pretium quis,"
-        text run at (0,326) width 318: "interdum vitae, nulla. Phasellus eget ante et tortor"
-        text run at (0,344) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
-        text run at (0,362) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
-        text run at (0,380) width 275: "dolor sit amet, consectetuer adipiscing elit."
-    LayoutBlockFlow {<pseudo:after>} at (0,430) size 367x20 [bgcolor=#FFFF00]
-      LayoutTextFragment at (0,0) size 159x17
-        text run at (0,0) width 159: "After Generated Content"
-layer at (8,1356) size 760x437 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
-  LayoutBlockFlow {DIV} at (0,1340.44) size 760x436.81 [border: (5px solid #800000)]
-    LayoutBlockFlow (anonymous multi-column span) at (5,131) size 750x66.81
-      LayoutBlockFlow {H2} at (0,19.91) size 750x27 [bgcolor=#EEEEEE]
-        LayoutText {#text} at (0,0) size 277x26
-          text run at (0,0) width 277: "This is a spanning element."
-layer at (13,1361) size 750x126 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
-  LayoutBlockFlow (anonymous multi-column) at (5,5) size 750x126
-    LayoutBlockFlow {<pseudo:before>} at (0,0) size 367x18 [bgcolor=#FFFF00]
-      LayoutTextFragment at (0,0) size 168x17
-        text run at (0,0) width 168: "Before Generated Content"
-    LayoutBlockFlow (anonymous) at (0,18) size 367x234
-      LayoutText {#text} at (0,0) size 367x233
-        text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,18) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
-        text run at (0,36) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
-        text run at (0,54) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
-        text run at (0,72) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
-        text run at (0,90) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
-        text run at (0,108) width 353: "neque. Vestibulum velit orci, tempus euismod, pretium"
-        text run at (0,126) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
-        text run at (0,144) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
-        text run at (0,162) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
-        text run at (0,180) width 279: "dolor sit amet, consectetuer adipiscing elit. "
-        text run at (278,180) width 86: "Lorem ipsum"
-        text run at (0,198) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius"
-        text run at (0,216) width 76: "enim ac mi."
-layer at (13,1554) size 750x234 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
-  LayoutBlockFlow (anonymous multi-column) at (5,197.81) size 750x234
-    LayoutBlockFlow (anonymous) at (0,0) size 367x198
-      LayoutInline {SPAN} at (0,0) size 43x17
-        LayoutText {#text} at (0,0) size 43x17
-          text run at (0,0) width 43: "Lorem"
-      LayoutText {#text} at (42,0) size 367x197
-        text run at (42,0) width 322: " ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,18) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
-        text run at (0,36) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
-        text run at (0,54) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
-        text run at (0,72) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
-        text run at (0,90) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
-        text run at (0,108) width 353: "neque. Vestibulum velit orci, tempus euismod, pretium"
-        text run at (0,126) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
-        text run at (0,144) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
-        text run at (0,162) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
-        text run at (0,180) width 275: "dolor sit amet, consectetuer adipiscing elit."
-    LayoutBlockFlow {P} at (0,214) size 367x200
-      LayoutText {#text} at (0,0) size 367x199
-        text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,20) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
-        text run at (0,38) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
-        text run at (0,56) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
-        text run at (0,74) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
-        text run at (0,92) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
-        text run at (0,110) width 353: "neque. Vestibulum velit orci, tempus euismod, pretium"
-        text run at (0,128) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
-        text run at (0,146) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
-        text run at (0,164) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
-        text run at (0,182) width 275: "dolor sit amet, consectetuer adipiscing elit."
-    LayoutBlockFlow {<pseudo:after>} at (0,430) size 367x20 [bgcolor=#FFFF00]
-      LayoutTextFragment at (0,0) size 159x17
-        text run at (0,0) width 159: "After Generated Content"
-layer at (8,1809) size 760x437 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
-  LayoutBlockFlow {DIV} at (0,1793.25) size 760x436.81 [border: (5px solid #800000)]
-    LayoutBlockFlow (anonymous multi-column span) at (5,239) size 750x66.81
-      LayoutBlockFlow {H2} at (0,19.91) size 750x27 [bgcolor=#EEEEEE]
-        LayoutText {#text} at (0,0) size 277x26
-          text run at (0,0) width 277: "This is a spanning element."
-layer at (13,1814) size 750x234 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
-  LayoutBlockFlow (anonymous multi-column) at (5,5) size 750x234
-    LayoutBlockFlow {<pseudo:before>} at (0,0) size 367x18 [bgcolor=#FFFF00]
-      LayoutTextFragment at (0,0) size 168x17
-        text run at (0,0) width 168: "Before Generated Content"
-    LayoutBlockFlow (anonymous) at (0,18) size 367x198
-      LayoutInline {SPAN} at (0,0) size 367x197
-        LayoutText {#text} at (0,0) size 367x197
-          text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-          text run at (0,18) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
-          text run at (0,36) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
-          text run at (0,54) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
-          text run at (0,72) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
-          text run at (0,90) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
-          text run at (0,108) width 353: "neque. Vestibulum velit orci, tempus euismod, pretium"
-          text run at (0,126) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
-          text run at (0,144) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
-          text run at (0,162) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
-          text run at (0,180) width 275: "dolor sit amet, consectetuer adipiscing elit."
-    LayoutBlockFlow (anonymous) at (0,216) size 367x36
-      LayoutBlockFlow {SPAN} at (0,0) size 367x36
-        LayoutText {#text} at (0,0) size 364x35
-          text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-          text run at (0,18) width 158: "Nulla varius enim ac mi."
-    LayoutBlockFlow (anonymous) at (0,252) size 367x198
-      LayoutInline {SPAN} at (0,0) size 43x17
-        LayoutText {#text} at (0,0) size 43x17
-          text run at (0,0) width 43: "Lorem"
-      LayoutText {#text} at (42,0) size 367x197
-        text run at (42,0) width 322: " ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,18) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
-        text run at (0,36) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
-        text run at (0,54) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
-        text run at (0,72) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
-        text run at (0,90) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
-        text run at (0,108) width 353: "neque. Vestibulum velit orci, tempus euismod, pretium"
-        text run at (0,126) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
-        text run at (0,144) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
-        text run at (0,162) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
-        text run at (0,180) width 275: "dolor sit amet, consectetuer adipiscing elit."
-layer at (13,2115) size 750x126 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
-  LayoutBlockFlow (anonymous multi-column) at (5,305.81) size 750x126
-    LayoutBlockFlow {P} at (0,16) size 367x200
-      LayoutText {#text} at (0,0) size 367x199
-        text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,18) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
-        text run at (0,36) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
-        text run at (0,54) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
-        text run at (0,72) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
-        text run at (0,90) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
-        text run at (0,110) width 353: "neque. Vestibulum velit orci, tempus euismod, pretium"
-        text run at (0,128) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
-        text run at (0,146) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
-        text run at (0,164) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
-        text run at (0,182) width 275: "dolor sit amet, consectetuer adipiscing elit."
-    LayoutBlockFlow {<pseudo:after>} at (0,232) size 367x20 [bgcolor=#FFFF00]
-      LayoutTextFragment at (0,0) size 159x17
-        text run at (0,0) width 159: "After Generated Content"
-layer at (8,2262) size 760x489 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
-  LayoutBlockFlow {DIV} at (0,2246.06) size 760x488.81 [border: (5px solid #800000)]
-    LayoutBlockFlow (anonymous multi-column span) at (5,271) size 750x66.81
-      LayoutBlockFlow {H2} at (0,19.91) size 750x27 [bgcolor=#EEEEEE]
-        LayoutText {#text} at (0,0) size 277x26
-          text run at (0,0) width 277: "This is a spanning element."
-    LayoutBlockFlow (anonymous) at (5,355.81) size 750x18
-      LayoutBlockFlow {SPAN} at (0,0) size 750x18
-        LayoutText {#text} at (0,0) size 158x17
-          text run at (0,0) width 158: "Nulla varius enim ac mi."
-layer at (13,2267) size 750x266 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
-  LayoutBlockFlow (anonymous multi-column) at (5,5) size 750x266
-    LayoutBlockFlow {<pseudo:before>} at (0,0) size 367x18 [bgcolor=#FFFF00]
-      LayoutTextFragment at (0,0) size 168x17
-        text run at (0,0) width 168: "Before Generated Content"
-    LayoutBlockFlow {P} at (0,34) size 367x198
-      LayoutText {#text} at (0,0) size 367x197
-        text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,18) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
-        text run at (0,36) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
-        text run at (0,54) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
-        text run at (0,72) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
-        text run at (0,90) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
-        text run at (0,108) width 353: "neque. Vestibulum velit orci, tempus euismod, pretium"
-        text run at (0,126) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
-        text run at (0,144) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
-        text run at (0,162) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
-        text run at (0,180) width 275: "dolor sit amet, consectetuer adipiscing elit."
-    LayoutBlockFlow {P} at (0,248) size 367x36
-      LayoutText {#text} at (0,0) size 364x35
-        text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,18) width 158: "Nulla varius enim ac mi."
-    LayoutBlockFlow {P} at (0,300) size 367x198
-      LayoutText {#text} at (0,0) size 367x197
-        text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,18) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis"
-        text run at (0,36) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
-        text run at (0,54) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
-        text run at (0,72) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
-        text run at (0,90) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
-        text run at (0,108) width 353: "neque. Vestibulum velit orci, tempus euismod, pretium"
-        text run at (0,126) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
-        text run at (0,144) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
-        text run at (0,162) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
-        text run at (0,180) width 275: "dolor sit amet, consectetuer adipiscing elit."
-layer at (13,2600) size 750x18 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
-  LayoutBlockFlow (anonymous multi-column) at (5,337.81) size 750x18
-    LayoutInline {SPAN} at (0,0) size 364x17
-      LayoutText {#text} at (0,0) size 364x17
-        text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-layer at (13,2636) size 750x110 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
-  LayoutBlockFlow (anonymous multi-column) at (5,373.81) size 750x110
-    LayoutBlockFlow (anonymous) at (0,0) size 367x182
-      LayoutInline {SPAN} at (0,0) size 367x181
-        LayoutText {#text} at (0,0) size 367x181
-          text run at (0,0) width 303: "Curabitur sollicitudin felis quis lectus. Quisque"
-          text run at (0,18) width 364: "adipiscing rhoncus sem. Proin nulla purus, vulputate vel,"
-          text run at (0,36) width 365: "varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis"
-          text run at (0,54) width 359: "aliquam. Cras convallis adipiscing sem. Nam nonummy"
-          text run at (0,72) width 367: "enim. Nullam bibendum lobortis neque. Vestibulum velit"
-          text run at (0,90) width 331: "orci, tempus euismod, pretium quis, interdum vitae,"
-          text run at (0,110) width 309: "nulla. Phasellus eget ante et tortor condimentum"
-          text run at (0,128) width 349: "vestibulum. Suspendisse hendrerit quam nec felis. Sed"
-          text run at (0,146) width 339: "varius turpis vitae pede. Lorem ipsum dolor sit amet,"
-          text run at (0,164) width 179: "consectetuer adipiscing elit."
-      LayoutText {#text} at (0,0) size 0x0
-    LayoutBlockFlow {<pseudo:after>} at (0,182) size 367x20 [bgcolor=#FFFF00]
-      LayoutTextFragment at (0,0) size 159x17
-        text run at (0,0) width 159: "After Generated Content"