Enable RegionBasedColumns runtime flag for stable.

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

Index: LayoutTests/platform/win-xp/virtual/stable/fast/multicol/span/span-as-immediate-child-generated-content-expected.txt
diff --git a/LayoutTests/platform/win-xp/virtual/stable/fast/multicol/span/span-as-immediate-child-generated-content-expected.txt b/LayoutTests/platform/win-xp/virtual/stable/fast/multicol/span/span-as-immediate-child-generated-content-expected.txt
deleted file mode 100644
index d1b0b63f8f690e59bea007f723d87f2dca75c126..0000000000000000000000000000000000000000
--- a/LayoutTests/platform/win-xp/virtual/stable/fast/multicol/span/span-as-immediate-child-generated-content-expected.txt
+++ /dev/null
@@ -1,358 +0,0 @@
-layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 2909
-  LayoutView at (0,0) size 800x600
-layer at (0,0) size 785x2909 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
-  LayoutBlockFlow {HTML} at (0,0) size 785x2908.88
-    LayoutBlockFlow {BODY} at (8,16) size 769x2876.88
-layer at (8,16) size 760x437
-  LayoutBlockFlow {DIV} at (0,0) size 760x436.81 [border: (5px solid #800000)]
-    LayoutBlockFlow (anonymous multi-column span) at (5,25) size 750x66.81
-      LayoutBlockFlow {H2} at (0,19.91) size 750x27 [bgcolor=#EEEEEE]
-        LayoutText {#text} at (0,0) size 274x26
-          text run at (0,0) width 274: "This is a spanning element."
-layer at (13,21) size 750x20
-  LayoutBlockFlow (anonymous multi-column) at (5,5) size 750x20
-    LayoutBlockFlow {<pseudo:before>} at (0,0) size 367x20 [bgcolor=#FFFF00]
-      LayoutTextFragment at (0,0) size 160x19
-        text run at (0,0) width 160: "Before Generated Content"
-layer at (13,108) size 750x340
-  LayoutBlockFlow (anonymous multi-column) at (5,91.81) size 750x340
-    LayoutBlockFlow (anonymous) at (0,0) size 367x640
-      LayoutText {#text} at (0,0) size 367x639
-        text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis lectus."
-        text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nulla purus, vulputate"
-        text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis"
-        text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. Nam nonummy enim."
-        text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibulum velit orci,"
-        text run at (0,120) width 309: "tempus euismod, pretium quis, interdum vitae, nulla."
-        text run at (0,140) width 321: "Phasellus eget ante et tortor condimentum vestibulum."
-        text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis. Sed varius turpis vitae"
-        text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, consectetuer adipiscing"
-        text run at (0,200) width 25: "elit. "
-        text run at (25,200) width 337: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,220) width 367: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis lectus."
-        text run at (0,240) width 362: "Quisque adipiscing rhoncus sem. Proin nulla purus, vulputate"
-        text run at (0,260) width 358: "vel, varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis"
-        text run at (0,280) width 365: "aliquam. Cras convallis adipiscing sem. Nam nonummy enim."
-        text run at (0,300) width 329: "Nullam bibendum lobortis neque. Vestibulum velit orci,"
-        text run at (0,320) width 309: "tempus euismod, pretium quis, interdum vitae, nulla."
-        text run at (0,340) width 321: "Phasellus eget ante et tortor condimentum vestibulum."
-        text run at (0,360) width 360: "Suspendisse hendrerit quam nec felis. Sed varius turpis vitae"
-        text run at (0,380) width 350: "pede. Lorem ipsum dolor sit amet, consectetuer adipiscing"
-        text run at (0,400) width 25: "elit. "
-        text run at (25,400) width 337: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,420) width 367: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis lectus."
-        text run at (0,440) width 362: "Quisque adipiscing rhoncus sem. Proin nulla purus, vulputate"
-        text run at (0,460) width 358: "vel, varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis"
-        text run at (0,480) width 365: "aliquam. Cras convallis adipiscing sem. Nam nonummy enim."
-        text run at (0,500) width 329: "Nullam bibendum lobortis neque. Vestibulum velit orci,"
-        text run at (0,520) width 309: "tempus euismod, pretium quis, interdum vitae, nulla."
-        text run at (0,540) width 321: "Phasellus eget ante et tortor condimentum vestibulum."
-        text run at (0,560) width 360: "Suspendisse hendrerit quam nec felis. Sed varius turpis vitae"
-        text run at (0,580) width 350: "pede. Lorem ipsum dolor sit amet, consectetuer adipiscing"
-        text run at (0,600) width 25: "elit. "
-        text run at (25,600) width 337: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,620) width 143: "Nulla varius enim ac mi."
-    LayoutBlockFlow {<pseudo:after>} at (0,640) size 367x20 [bgcolor=#FFFF00]
-      LayoutTextFragment at (0,0) size 150x19
-        text run at (0,0) width 150: "After Generated Content"
-layer at (8,469) size 760x437 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
-  LayoutBlockFlow {DIV} at (0,452.81) size 760x436.81 [border: (5px solid #800000)]
-    LayoutBlockFlow (anonymous multi-column span) at (5,345) size 750x66.81
-      LayoutBlockFlow {H2} at (0,19.91) size 750x27 [bgcolor=#EEEEEE]
-        LayoutText {#text} at (0,0) size 274x26
-          text run at (0,0) width 274: "This is a spanning element."
-layer at (13,474) size 750x340 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 750x340
-    LayoutBlockFlow {<pseudo:before>} at (0,0) size 367x20 [bgcolor=#FFFF00]
-      LayoutTextFragment at (0,0) size 160x19
-        text run at (0,0) width 160: "Before Generated Content"
-    LayoutBlockFlow (anonymous) at (0,20) size 367x640
-      LayoutText {#text} at (0,0) size 367x639
-        text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis lectus."
-        text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nulla purus, vulputate"
-        text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis"
-        text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. Nam nonummy enim."
-        text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibulum velit orci,"
-        text run at (0,120) width 309: "tempus euismod, pretium quis, interdum vitae, nulla."
-        text run at (0,140) width 321: "Phasellus eget ante et tortor condimentum vestibulum."
-        text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis. Sed varius turpis vitae"
-        text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, consectetuer adipiscing"
-        text run at (0,200) width 25: "elit. "
-        text run at (25,200) width 337: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,220) width 367: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis lectus."
-        text run at (0,240) width 362: "Quisque adipiscing rhoncus sem. Proin nulla purus, vulputate"
-        text run at (0,260) width 358: "vel, varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis"
-        text run at (0,280) width 365: "aliquam. Cras convallis adipiscing sem. Nam nonummy enim."
-        text run at (0,300) width 329: "Nullam bibendum lobortis neque. Vestibulum velit orci,"
-        text run at (0,320) width 309: "tempus euismod, pretium quis, interdum vitae, nulla."
-        text run at (0,340) width 321: "Phasellus eget ante et tortor condimentum vestibulum."
-        text run at (0,360) width 360: "Suspendisse hendrerit quam nec felis. Sed varius turpis vitae"
-        text run at (0,380) width 350: "pede. Lorem ipsum dolor sit amet, consectetuer adipiscing"
-        text run at (0,400) width 25: "elit. "
-        text run at (25,400) width 337: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,420) width 367: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis lectus."
-        text run at (0,440) width 362: "Quisque adipiscing rhoncus sem. Proin nulla purus, vulputate"
-        text run at (0,460) width 358: "vel, varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis"
-        text run at (0,480) width 365: "aliquam. Cras convallis adipiscing sem. Nam nonummy enim."
-        text run at (0,500) width 329: "Nullam bibendum lobortis neque. Vestibulum velit orci,"
-        text run at (0,520) width 309: "tempus euismod, pretium quis, interdum vitae, nulla."
-        text run at (0,540) width 321: "Phasellus eget ante et tortor condimentum vestibulum."
-        text run at (0,560) width 360: "Suspendisse hendrerit quam nec felis. Sed varius turpis vitae"
-        text run at (0,580) width 350: "pede. Lorem ipsum dolor sit amet, consectetuer adipiscing"
-        text run at (0,600) width 25: "elit. "
-        text run at (25,600) width 337: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,620) width 143: "Nulla varius enim ac mi."
-layer at (13,881) size 750x20 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
-  LayoutBlockFlow (anonymous multi-column) at (5,411.81) size 750x20
-    LayoutBlockFlow {<pseudo:after>} at (0,0) size 367x20 [bgcolor=#FFFF00]
-      LayoutTextFragment at (0,0) size 150x19
-        text run at (0,0) width 150: "After Generated Content"
-layer at (8,922) size 760x468 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
-  LayoutBlockFlow {DIV} at (0,905.63) size 760x468.81 [border: (5px solid #800000)]
-    LayoutBlockFlow (anonymous multi-column span) at (5,161) size 750x66.81
-      LayoutBlockFlow {H2} at (0,19.91) size 750x27 [bgcolor=#EEEEEE]
-        LayoutText {#text} at (0,0) size 274x26
-          text run at (0,0) width 274: "This is a spanning element."
-layer at (13,927) size 750x156 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 750x156
-    LayoutBlockFlow {<pseudo:before>} at (0,0) size 367x20 [bgcolor=#FFFF00]
-      LayoutTextFragment at (0,0) size 160x19
-        text run at (0,0) width 160: "Before Generated Content"
-    LayoutBlockFlow {P} at (0,36) size 367x240
-      LayoutText {#text} at (0,0) size 367x239
-        text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis lectus."
-        text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nulla purus, vulputate"
-        text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis"
-        text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. Nam nonummy enim."
-        text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibulum velit orci,"
-        text run at (0,120) width 309: "tempus euismod, pretium quis, interdum vitae, nulla."
-        text run at (0,140) width 321: "Phasellus eget ante et tortor condimentum vestibulum."
-        text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis. Sed varius turpis vitae"
-        text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, consectetuer adipiscing"
-        text run at (0,200) width 25: "elit. "
-        text run at (25,200) width 337: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,220) width 143: "Nulla varius enim ac mi."
-layer at (13,1149) size 750x236 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
-  LayoutBlockFlow (anonymous multi-column) at (5,227.81) size 750x236
-    LayoutBlockFlow {P} at (0,16) size 367x420
-      LayoutText {#text} at (0,0) size 367x419
-        text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis lectus."
-        text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nulla purus, vulputate"
-        text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis"
-        text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. Nam nonummy enim."
-        text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibulum velit orci,"
-        text run at (0,120) width 309: "tempus euismod, pretium quis, interdum vitae, nulla."
-        text run at (0,140) width 321: "Phasellus eget ante et tortor condimentum vestibulum."
-        text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis. Sed varius turpis vitae"
-        text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, consectetuer adipiscing"
-        text run at (0,200) width 25: "elit. "
-        text run at (25,200) width 337: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,220) width 367: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis lectus."
-        text run at (0,240) width 362: "Quisque adipiscing rhoncus sem. Proin nulla purus, vulputate"
-        text run at (0,260) width 358: "vel, varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis"
-        text run at (0,280) width 365: "aliquam. Cras convallis adipiscing sem. Nam nonummy enim."
-        text run at (0,300) width 329: "Nullam bibendum lobortis neque. Vestibulum velit orci,"
-        text run at (0,320) width 309: "tempus euismod, pretium quis, interdum vitae, nulla."
-        text run at (0,340) width 321: "Phasellus eget ante et tortor condimentum vestibulum."
-        text run at (0,360) width 360: "Suspendisse hendrerit quam nec felis. Sed varius turpis vitae"
-        text run at (0,380) width 350: "pede. Lorem ipsum dolor sit amet, consectetuer adipiscing"
-        text run at (0,400) width 21: "elit."
-    LayoutBlockFlow {<pseudo:after>} at (0,452) size 367x20 [bgcolor=#FFFF00]
-      LayoutTextFragment at (0,0) size 150x19
-        text run at (0,0) width 150: "After Generated Content"
-layer at (8,1406) size 760x473 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
-  LayoutBlockFlow {DIV} at (0,1390.44) size 760x472.81 [border: (5px solid #800000)]
-    LayoutBlockFlow (anonymous multi-column span) at (5,145) size 750x66.81
-      LayoutBlockFlow {H2} at (0,19.91) size 750x27 [bgcolor=#EEEEEE]
-        LayoutText {#text} at (0,0) size 274x26
-          text run at (0,0) width 274: "This is a spanning element."
-layer at (13,1411) size 750x140 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 750x140
-    LayoutBlockFlow {<pseudo:before>} at (0,0) size 367x20 [bgcolor=#FFFF00]
-      LayoutTextFragment at (0,0) size 160x19
-        text run at (0,0) width 160: "Before Generated Content"
-    LayoutBlockFlow (anonymous) at (0,20) size 367x240
-      LayoutText {#text} at (0,0) size 367x239
-        text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis lectus."
-        text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nulla purus, vulputate"
-        text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis"
-        text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. Nam nonummy enim."
-        text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibulum velit orci,"
-        text run at (0,120) width 309: "tempus euismod, pretium quis, interdum vitae, nulla."
-        text run at (0,140) width 321: "Phasellus eget ante et tortor condimentum vestibulum."
-        text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis. Sed varius turpis vitae"
-        text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, consectetuer adipiscing"
-        text run at (0,200) width 25: "elit. "
-        text run at (25,200) width 337: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,220) width 143: "Nulla varius enim ac mi."
-layer at (13,1618) size 750x256 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
-  LayoutBlockFlow (anonymous multi-column) at (5,211.81) size 750x256
-    LayoutBlockFlow (anonymous) at (0,0) size 367x220
-      LayoutInline {SPAN} at (0,0) size 40x19
-        LayoutText {#text} at (0,0) size 40x19
-          text run at (0,0) width 40: "Lorem"
-      LayoutText {#text} at (40,0) size 367x219
-        text run at (40,0) width 297: " ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis lectus."
-        text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nulla purus, vulputate"
-        text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis"
-        text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. Nam nonummy enim."
-        text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibulum velit orci,"
-        text run at (0,120) width 309: "tempus euismod, pretium quis, interdum vitae, nulla."
-        text run at (0,140) width 321: "Phasellus eget ante et tortor condimentum vestibulum."
-        text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis. Sed varius turpis vitae"
-        text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, consectetuer adipiscing"
-        text run at (0,200) width 21: "elit."
-    LayoutBlockFlow {P} at (0,236) size 367x220
-      LayoutText {#text} at (0,0) size 367x219
-        text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis lectus."
-        text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nulla purus, vulputate"
-        text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis"
-        text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. Nam nonummy enim."
-        text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibulum velit orci,"
-        text run at (0,120) width 309: "tempus euismod, pretium quis, interdum vitae, nulla."
-        text run at (0,140) width 321: "Phasellus eget ante et tortor condimentum vestibulum."
-        text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis. Sed varius turpis vitae"
-        text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, consectetuer adipiscing"
-        text run at (0,200) width 21: "elit."
-    LayoutBlockFlow {<pseudo:after>} at (0,472) size 367x20 [bgcolor=#FFFF00]
-      LayoutTextFragment at (0,0) size 150x19
-        text run at (0,0) width 150: "After Generated Content"
-layer at (8,1895) size 760x473 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
-  LayoutBlockFlow {DIV} at (0,1879.25) size 760x472.81 [border: (5px solid #800000)]
-    LayoutBlockFlow (anonymous multi-column span) at (5,265) size 750x66.81
-      LayoutBlockFlow {H2} at (0,19.91) size 750x27 [bgcolor=#EEEEEE]
-        LayoutText {#text} at (0,0) size 274x26
-          text run at (0,0) width 274: "This is a spanning element."
-layer at (13,1900) size 750x260 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 750x260
-    LayoutBlockFlow {<pseudo:before>} at (0,0) size 367x20 [bgcolor=#FFFF00]
-      LayoutTextFragment at (0,0) size 160x19
-        text run at (0,0) width 160: "Before Generated Content"
-    LayoutBlockFlow (anonymous) at (0,20) size 367x220
-      LayoutInline {SPAN} at (0,0) size 367x219
-        LayoutText {#text} at (0,0) size 367x219
-          text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-          text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis lectus."
-          text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nulla purus, vulputate"
-          text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis"
-          text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. Nam nonummy enim."
-          text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibulum velit orci,"
-          text run at (0,120) width 309: "tempus euismod, pretium quis, interdum vitae, nulla."
-          text run at (0,140) width 321: "Phasellus eget ante et tortor condimentum vestibulum."
-          text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis. Sed varius turpis vitae"
-          text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, consectetuer adipiscing"
-          text run at (0,200) width 21: "elit."
-    LayoutBlockFlow (anonymous) at (0,240) size 367x40
-      LayoutBlockFlow {SPAN} at (0,0) size 367x40
-        LayoutText {#text} at (0,0) size 337x39
-          text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-          text run at (0,20) width 143: "Nulla varius enim ac mi."
-    LayoutBlockFlow (anonymous) at (0,280) size 367x220
-      LayoutInline {SPAN} at (0,0) size 40x19
-        LayoutText {#text} at (0,0) size 40x19
-          text run at (0,0) width 40: "Lorem"
-      LayoutText {#text} at (40,0) size 367x219
-        text run at (40,0) width 297: " ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis lectus."
-        text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nulla purus, vulputate"
-        text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis"
-        text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. Nam nonummy enim."
-        text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibulum velit orci,"
-        text run at (0,120) width 309: "tempus euismod, pretium quis, interdum vitae, nulla."
-        text run at (0,140) width 321: "Phasellus eget ante et tortor condimentum vestibulum."
-        text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis. Sed varius turpis vitae"
-        text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, consectetuer adipiscing"
-        text run at (0,200) width 21: "elit."
-layer at (13,2227) size 750x136 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
-  LayoutBlockFlow (anonymous multi-column) at (5,331.81) size 750x136
-    LayoutBlockFlow {P} at (0,16) size 367x220
-      LayoutText {#text} at (0,0) size 367x219
-        text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis lectus."
-        text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nulla purus, vulputate"
-        text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis"
-        text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. Nam nonummy enim."
-        text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibulum velit orci,"
-        text run at (0,120) width 309: "tempus euismod, pretium quis, interdum vitae, nulla."
-        text run at (0,140) width 321: "Phasellus eget ante et tortor condimentum vestibulum."
-        text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis. Sed varius turpis vitae"
-        text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, consectetuer adipiscing"
-        text run at (0,200) width 21: "elit."
-    LayoutBlockFlow {<pseudo:after>} at (0,252) size 367x20 [bgcolor=#FFFF00]
-      LayoutTextFragment at (0,0) size 150x19
-        text run at (0,0) width 150: "After Generated Content"
-layer at (8,2384) size 760x509 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
-  LayoutBlockFlow {DIV} at (0,2368.06) size 760x508.81 [border: (5px solid #800000)]
-    LayoutBlockFlow (anonymous multi-column span) at (5,297) size 750x66.81
-      LayoutBlockFlow {H2} at (0,19.91) size 750x27 [bgcolor=#EEEEEE]
-        LayoutText {#text} at (0,0) size 274x26
-          text run at (0,0) width 274: "This is a spanning element."
-    LayoutBlockFlow (anonymous) at (5,383.81) size 750x20
-      LayoutBlockFlow {SPAN} at (0,0) size 750x20
-        LayoutText {#text} at (0,0) size 143x19
-          text run at (0,0) width 143: "Nulla varius enim ac mi."
-layer at (13,2389) size 750x292 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 750x292
-    LayoutBlockFlow {<pseudo:before>} at (0,0) size 367x20 [bgcolor=#FFFF00]
-      LayoutTextFragment at (0,0) size 160x19
-        text run at (0,0) width 160: "Before Generated Content"
-    LayoutBlockFlow {P} at (0,36) size 367x220
-      LayoutText {#text} at (0,0) size 367x219
-        text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis lectus."
-        text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nulla purus, vulputate"
-        text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis"
-        text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. Nam nonummy enim."
-        text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibulum velit orci,"
-        text run at (0,120) width 309: "tempus euismod, pretium quis, interdum vitae, nulla."
-        text run at (0,140) width 321: "Phasellus eget ante et tortor condimentum vestibulum."
-        text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis. Sed varius turpis vitae"
-        text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, consectetuer adipiscing"
-        text run at (0,200) width 21: "elit."
-    LayoutBlockFlow {P} at (0,272) size 367x40
-      LayoutText {#text} at (0,0) size 337x39
-        text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,20) width 143: "Nulla varius enim ac mi."
-    LayoutBlockFlow {P} at (0,328) size 367x220
-      LayoutText {#text} at (0,0) size 367x219
-        text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-        text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis lectus."
-        text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nulla purus, vulputate"
-        text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis"
-        text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. Nam nonummy enim."
-        text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibulum velit orci,"
-        text run at (0,120) width 309: "tempus euismod, pretium quis, interdum vitae, nulla."
-        text run at (0,140) width 321: "Phasellus eget ante et tortor condimentum vestibulum."
-        text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis. Sed varius turpis vitae"
-        text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, consectetuer adipiscing"
-        text run at (0,200) width 21: "elit."
-layer at (13,2748) size 750x20 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600
-  LayoutBlockFlow (anonymous multi-column) at (5,363.81) size 750x20
-    LayoutInline {SPAN} at (0,0) size 337x19
-      LayoutText {#text} at (0,0) size 337x19
-        text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit."
-layer at (13,2788) 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,403.81) size 750x100
-    LayoutBlockFlow (anonymous) at (0,0) size 367x180
-      LayoutInline {SPAN} at (0,0) size 364x179
-        LayoutText {#text} at (0,0) size 364x179
-          text run at (0,0) width 337: "Curabitur sollicitudin felis quis lectus. Quisque adipiscing"
-          text run at (0,20) width 328: "rhoncus sem. Proin nulla purus, vulputate vel, varius ut,"
-          text run at (0,40) width 362: "euismod et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras"
-          text run at (0,60) width 325: "convallis adipiscing sem. Nam nonummy enim. Nullam"
-          text run at (0,80) width 329: "bibendum lobortis neque. Vestibulum velit orci, tempus"
-          text run at (0,100) width 350: "euismod, pretium quis, interdum vitae, nulla. Phasellus eget"
-          text run at (0,120) width 311: "ante et tortor condimentum vestibulum. Suspendisse"
-          text run at (0,140) width 364: "hendrerit quam nec felis. Sed varius turpis vitae pede. Lorem"
-          text run at (0,160) width 293: "ipsum dolor sit amet, consectetuer adipiscing elit."
-      LayoutText {#text} at (0,0) size 0x0
-    LayoutBlockFlow {<pseudo:after>} at (0,180) size 367x20 [bgcolor=#FFFF00]
-      LayoutTextFragment at (0,0) size 150x19
-        text run at (0,0) width 150: "After Generated Content"