| Index: LayoutTests/platform/mac/fast/multicol/span/span-as-immediate-child-generated-content-expected.txt
 | 
| diff --git a/LayoutTests/platform/mac/fast/multicol/span/span-as-immediate-child-generated-content-expected.txt b/LayoutTests/platform/mac/fast/multicol/span/span-as-immediate-child-generated-content-expected.txt
 | 
| deleted file mode 100644
 | 
| index 2caed5bf3b81019f395cbeb72ec2c04c0ddfed4a..0000000000000000000000000000000000000000
 | 
| --- a/LayoutTests/platform/mac/fast/multicol/span/span-as-immediate-child-generated-content-expected.txt
 | 
| +++ /dev/null
 | 
| @@ -1,368 +0,0 @@
 | 
| -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"
 | 
| 
 |