| Index: LayoutTests/platform/linux/fast/multicol/span/span-as-immediate-child-generated-content-expected.txt
 | 
| diff --git a/LayoutTests/platform/linux/fast/multicol/span/span-as-immediate-child-generated-content-expected.txt b/LayoutTests/platform/linux/fast/multicol/span/span-as-immediate-child-generated-content-expected.txt
 | 
| deleted file mode 100644
 | 
| index d1b0b63f8f690e59bea007f723d87f2dca75c126..0000000000000000000000000000000000000000
 | 
| --- a/LayoutTests/platform/linux/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"
 | 
| 
 |