Enable new multicol for testing and experimental web platform features.

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

-layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 2527
-  LayoutView at (0,0) size 800x600
-layer at (0,0) size 785x2527 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
-  LayoutBlockFlow {HTML} at (0,0) size 785x2526.88
-    LayoutBlockFlow {BODY} at (8,16) size 769x2494.88
-layer at (8,16) size 760x382
-  LayoutBlockFlow {DIV} at (0,0) size 760x381.81 [border: (5px solid #800000)]
-    LayoutBlockFlow (anonymous multi-column span) at (5,21) size 750x63.81
-      LayoutBlockFlow {H2} at (0,19.91) size 750x24 [bgcolor=#EEEEEE]
-        LayoutText {#text} at (0,0) size 277x24
-          text run at (0,0) width 277: "This is a spanning element."
-layer at (13,21) size 750x16
-  LayoutBlockFlow (anonymous multi-column) at (5,5) size 750x16
-    LayoutBlockFlow {<pseudo:before>} at (0,0) size 367x16 [bgcolor=#FFFF00]
-      LayoutTextFragment at (0,0) size 168x16
-        text run at (0,0) width 168: "Before Generated Content"
-layer at (13,101) size 750x292
-  LayoutBlockFlow (anonymous multi-column) at (5,84.81) size 750x292
-    LayoutBlockFlow (anonymous) at (0,0) size 367x564
-      LayoutText {#text} at (0,0) size 367x564
-        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,292) width 318: "interdum vitae, nulla. Phasellus eget ante et tortor"
-        text run at (0,308) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
-        text run at (0,324) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
-        text run at (0,340) width 279: "dolor sit amet, consectetuer adipiscing elit. "
-        text run at (278,340) width 86: "Lorem ipsum"
-        text run at (0,356) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius"
-        text run at (0,372) width 324: "enim ac mi. Curabitur sollicitudin felis quis lectus."
-        text run at (0,388) width 330: "Quisque adipiscing rhoncus sem. Proin nulla purus,"
-        text run at (0,404) width 355: "vulputate vel, varius ut, euismod et, nisi. Sed vitae felis"
-        text run at (0,420) width 356: "vel orci sagittis aliquam. Cras convallis adipiscing sem."
-        text run at (0,436) width 360: "Nam nonummy enim. Nullam bibendum lobortis neque."
-        text run at (0,452) width 341: "Vestibulum velit orci, tempus euismod, pretium quis,"
-        text run at (0,468) width 318: "interdum vitae, nulla. Phasellus eget ante et tortor"
-        text run at (0,484) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
-        text run at (0,500) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
-        text run at (0,516) width 279: "dolor sit amet, consectetuer adipiscing elit. "
-        text run at (278,516) width 86: "Lorem ipsum"
-        text run at (0,532) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius"
-        text run at (0,548) width 76: "enim ac mi."
-    LayoutBlockFlow {<pseudo:after>} at (0,564) size 367x20 [bgcolor=#FFFF00]
-      LayoutTextFragment at (0,0) size 159x16
-        text run at (0,0) width 159: "After Generated Content"
-layer at (8,414) size 760x378 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
-  LayoutBlockFlow {DIV} at (0,397.81) size 760x377.81 [border: (5px solid #800000)]
-    LayoutBlockFlow (anonymous multi-column span) at (5,293) size 750x63.81
-      LayoutBlockFlow {H2} at (0,19.91) size 750x24 [bgcolor=#EEEEEE]
-        LayoutText {#text} at (0,0) size 277x24
-          text run at (0,0) width 277: "This is a spanning element."
-layer at (13,419) size 750x288 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 750x288
-    LayoutBlockFlow {<pseudo:before>} at (0,0) size 367x16 [bgcolor=#FFFF00]
-      LayoutTextFragment at (0,0) size 168x16
-        text run at (0,0) width 168: "Before Generated Content"
-    LayoutBlockFlow (anonymous) at (0,16) size 367x560
-      LayoutText {#text} at (0,0) size 367x560
-        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 324: "enim ac mi. Curabitur sollicitudin felis quis lectus."
-        text run at (0,384) width 330: "Quisque adipiscing rhoncus sem. Proin nulla purus,"
-        text run at (0,400) width 355: "vulputate vel, varius ut, euismod et, nisi. Sed vitae felis"
-        text run at (0,416) width 356: "vel orci sagittis aliquam. Cras convallis adipiscing sem."
-        text run at (0,432) width 360: "Nam nonummy enim. Nullam bibendum lobortis neque."
-        text run at (0,448) width 341: "Vestibulum velit orci, tempus euismod, pretium quis,"
-        text run at (0,464) width 318: "interdum vitae, nulla. Phasellus eget ante et tortor"
-        text run at (0,480) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
-        text run at (0,496) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
-        text run at (0,512) width 279: "dolor sit amet, consectetuer adipiscing elit. "
-        text run at (278,512) width 86: "Lorem ipsum"
-        text run at (0,528) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius"
-        text run at (0,544) width 76: "enim ac mi."
-layer at (13,771) size 750x16 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
-  LayoutBlockFlow (anonymous multi-column) at (5,356.81) size 750x16
-    LayoutBlockFlow {<pseudo:after>} at (0,0) size 367x20 [bgcolor=#FFFF00]
-      LayoutTextFragment at (0,0) size 159x16
-        text run at (0,0) width 159: "After Generated Content"
-layer at (8,808) size 760x413 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
-  LayoutBlockFlow {DIV} at (0,791.63) size 760x413.81 [border: (5px solid #800000)]
-    LayoutBlockFlow (anonymous multi-column span) at (5,133) size 750x63.81
-      LayoutBlockFlow {H2} at (0,19.91) size 750x24 [bgcolor=#EEEEEE]
-        LayoutText {#text} at (0,0) size 277x24
-          text run at (0,0) width 277: "This is a spanning element."
-layer at (13,813) size 750x128 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 750x128
-    LayoutBlockFlow {<pseudo:before>} at (0,0) size 367x16 [bgcolor=#FFFF00]
-      LayoutTextFragment at (0,0) size 168x16
-        text run at (0,0) width 168: "Before Generated Content"
-    LayoutBlockFlow {P} at (0,32) size 367x208
-      LayoutText {#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,1004) size 750x212 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
-  LayoutBlockFlow (anonymous multi-column) at (5,196.81) size 750x212
-    LayoutBlockFlow {P} at (0,16) size 367x356
-      LayoutText {#text} at (0,0) size 367x356
-        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,196) width 324: "enim ac mi. Curabitur sollicitudin felis quis lectus."
-        text run at (0,212) width 330: "Quisque adipiscing rhoncus sem. Proin nulla purus,"
-        text run at (0,228) width 355: "vulputate vel, varius ut, euismod et, nisi. Sed vitae felis"
-        text run at (0,244) width 356: "vel orci sagittis aliquam. Cras convallis adipiscing sem."
-        text run at (0,260) width 360: "Nam nonummy enim. Nullam bibendum lobortis neque."
-        text run at (0,276) width 341: "Vestibulum velit orci, tempus euismod, pretium quis,"
-        text run at (0,292) width 318: "interdum vitae, nulla. Phasellus eget ante et tortor"
-        text run at (0,308) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
-        text run at (0,324) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
-        text run at (0,340) width 275: "dolor sit amet, consectetuer adipiscing elit."
-    LayoutBlockFlow {<pseudo:after>} at (0,388) size 367x20 [bgcolor=#FFFF00]
-      LayoutTextFragment at (0,0) size 159x16
-        text run at (0,0) width 159: "After Generated Content"
-layer at (8,1237) size 760x398 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
-  LayoutBlockFlow {DIV} at (0,1221.44) size 760x397.81 [border: (5px solid #800000)]
-    LayoutBlockFlow (anonymous multi-column span) at (5,117) size 750x63.81
-      LayoutBlockFlow {H2} at (0,19.91) size 750x24 [bgcolor=#EEEEEE]
-        LayoutText {#text} at (0,0) size 277x24
-          text run at (0,0) width 277: "This is a spanning element."
-layer at (13,1242) size 750x112 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 750x112
-    LayoutBlockFlow {<pseudo:before>} at (0,0) size 367x16 [bgcolor=#FFFF00]
-      LayoutTextFragment at (0,0) size 168x16
-        text run at (0,0) width 168: "Before Generated Content"
-    LayoutBlockFlow (anonymous) at (0,16) size 367x208
-      LayoutText {#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,1418) size 750x212 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
-  LayoutBlockFlow (anonymous multi-column) at (5,180.81) size 750x212
-    LayoutBlockFlow (anonymous) at (0,0) size 367x176
-      LayoutInline {SPAN} at (0,0) size 43x16
-        LayoutText {#text} at (0,0) size 43x16
-          text run at (0,0) width 43: "Lorem"
-      LayoutText {#text} at (42,0) size 367x176
-        text run at (42,0) width 322: " 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."
-    LayoutBlockFlow {P} at (0,192) size 367x180
-      LayoutText {#text} at (0,0) size 367x180
-        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,36) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla"
-        text run at (0,52) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae"
-        text run at (0,68) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing"
-        text run at (0,84) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis"
-        text run at (0,100) width 353: "neque. Vestibulum velit orci, tempus euismod, pretium"
-        text run at (0,116) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
-        text run at (0,132) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
-        text run at (0,148) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
-        text run at (0,164) width 275: "dolor sit amet, consectetuer adipiscing elit."
-    LayoutBlockFlow {<pseudo:after>} at (0,388) size 367x20 [bgcolor=#FFFF00]
-      LayoutTextFragment at (0,0) size 159x16
-        text run at (0,0) width 159: "After Generated Content"
-layer at (8,1651) size 760x398 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
-  LayoutBlockFlow {DIV} at (0,1635.25) size 760x397.81 [border: (5px solid #800000)]
-    LayoutBlockFlow (anonymous multi-column span) at (5,213) size 750x63.81
-      LayoutBlockFlow {H2} at (0,19.91) size 750x24 [bgcolor=#EEEEEE]
-        LayoutText {#text} at (0,0) size 277x24
-          text run at (0,0) width 277: "This is a spanning element."
-layer at (13,1656) size 750x208 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 750x208
-    LayoutBlockFlow {<pseudo:before>} at (0,0) size 367x16 [bgcolor=#FFFF00]
-      LayoutTextFragment at (0,0) size 168x16
-        text run at (0,0) width 168: "Before Generated Content"
-    LayoutBlockFlow (anonymous) at (0,16) size 367x176
-      LayoutInline {SPAN} at (0,0) size 367x176
-        LayoutText {#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."
-    LayoutBlockFlow (anonymous) at (0,192) size 367x32
-      LayoutBlockFlow {SPAN} at (0,0) size 367x32
-        LayoutText {#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."
-    LayoutBlockFlow (anonymous) at (0,224) size 367x176
-      LayoutInline {SPAN} at (0,0) size 43x16
-        LayoutText {#text} at (0,0) size 43x16
-          text run at (0,0) width 43: "Lorem"
-      LayoutText {#text} at (42,0) size 367x176
-        text run at (42,0) width 322: " 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."
-layer at (13,1928) size 750x116 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
-  LayoutBlockFlow (anonymous multi-column) at (5,276.81) size 750x116
-    LayoutBlockFlow {P} at (0,16) size 367x180
-      LayoutText {#text} at (0,0) size 367x180
-        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,100) width 353: "neque. Vestibulum velit orci, tempus euismod, pretium"
-        text run at (0,116) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor"
-        text run at (0,132) width 351: "condimentum vestibulum. Suspendisse hendrerit quam"
-        text run at (0,148) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum"
-        text run at (0,164) width 275: "dolor sit amet, consectetuer adipiscing elit."
-    LayoutBlockFlow {<pseudo:after>} at (0,212) size 367x20 [bgcolor=#FFFF00]
-      LayoutTextFragment at (0,0) size 159x16
-        text run at (0,0) width 159: "After Generated Content"
-layer at (8,2065) size 760x446 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
-  LayoutBlockFlow {DIV} at (0,2049.06) size 760x445.81 [border: (5px solid #800000)]
-    LayoutBlockFlow (anonymous multi-column span) at (5,245) size 750x63.81
-      LayoutBlockFlow {H2} at (0,19.91) size 750x24 [bgcolor=#EEEEEE]
-        LayoutText {#text} at (0,0) size 277x24
-          text run at (0,0) width 277: "This is a spanning element."
-    LayoutBlockFlow (anonymous) at (5,324.81) size 750x16
-      LayoutBlockFlow {SPAN} at (0,0) size 750x16
-        LayoutText {#text} at (0,0) size 158x16
-          text run at (0,0) width 158: "Nulla varius enim ac mi."
-layer at (13,2070) size 750x240 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 750x240
-    LayoutBlockFlow {<pseudo:before>} at (0,0) size 367x16 [bgcolor=#FFFF00]
-      LayoutTextFragment at (0,0) size 168x16
-        text run at (0,0) width 168: "Before Generated Content"
-    LayoutBlockFlow {P} at (0,32) size 367x176
-      LayoutText {#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."
-    LayoutBlockFlow {P} at (0,224) size 367x32
-      LayoutText {#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."
-    LayoutBlockFlow {P} at (0,272) size 367x176
-      LayoutText {#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."
-layer at (13,2374) size 750x16 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
-  LayoutBlockFlow (anonymous multi-column) at (5,308.81) size 750x16
-    LayoutInline {SPAN} at (0,0) size 364x16
-      LayoutText {#text} at (0,0) size 364x16
-        text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-layer at (13,2406) size 750x100 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
-  LayoutBlockFlow (anonymous multi-column) at (5,340.81) size 750x100
-    LayoutBlockFlow (anonymous) at (0,0) size 367x164
-      LayoutInline {SPAN} at (0,0) size 367x164
-        LayoutText {#text} at (0,0) size 367x164
-          text run at (0,0) width 303: "Curabitur sollicitudin felis quis lectus. Quisque"
-          text run at (0,16) width 364: "adipiscing rhoncus sem. Proin nulla purus, vulputate vel,"
-          text run at (0,32) width 365: "varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis"
-          text run at (0,48) width 359: "aliquam. Cras convallis adipiscing sem. Nam nonummy"
-          text run at (0,64) width 367: "enim. Nullam bibendum lobortis neque. Vestibulum velit"
-          text run at (0,80) width 331: "orci, tempus euismod, pretium quis, interdum vitae,"
-          text run at (0,100) width 309: "nulla. Phasellus eget ante et tortor condimentum"
-          text run at (0,116) width 349: "vestibulum. Suspendisse hendrerit quam nec felis. Sed"
-          text run at (0,132) width 339: "varius turpis vitae pede. Lorem ipsum dolor sit amet,"
-          text run at (0,148) width 179: "consectetuer adipiscing elit."
-      LayoutText {#text} at (0,0) size 0x0
-    LayoutBlockFlow {<pseudo:after>} at (0,164) size 367x20 [bgcolor=#FFFF00]
-      LayoutTextFragment at (0,0) size 159x16
-        text run at (0,0) width 159: "After Generated Content"