layer at (0,0) size 785x2909
  RenderView at (0,0) size 785x600
layer at (0,0) size 785x2909
  RenderBlock {HTML} at (0,0) size 785x2908.88
    RenderBody {BODY} at (8,16) size 769x2876.88
layer at (8,16) size 760x437
  RenderBlock {DIV} at (0,0) size 760x436.81 [border: (5px solid #800000)]
    RenderBlock (anonymous multi-column span) at (5,25) size 750x66.81
      RenderBlock {H2} at (0,19.91) size 750x27 [bgcolor=#EEEEEE]
        RenderText {#text} at (0,0) size 274x26
          text run at (0,0) width 274: "This is a spanning element."
layer at (13,21) size 750x20
  RenderBlock (anonymous multi-column) at (5,5) size 750x20
    RenderBlock (pseudo:before) at (0,0) size 367x20 [bgcolor=#FFFF00]
      RenderTextFragment at (0,0) size 160x19
        text run at (0,0) width 160: "Before Generated Content"
layer at (13,108) size 750x340
  RenderBlock (anonymous multi-column) at (5,91.81) size 750x340
    RenderBlock (anonymous) at (0,0) size 367x640
      RenderText {#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."
    RenderBlock (pseudo:after) at (0,640) size 367x20 [bgcolor=#FFFF00]
      RenderTextFragment at (0,0) size 150x19
        text run at (0,0) width 150: "After Generated Content"
layer at (8,469) size 760x437
  RenderBlock {DIV} at (0,452.81) size 760x436.81 [border: (5px solid #800000)]
    RenderBlock (anonymous multi-column span) at (5,345) size 750x66.81
      RenderBlock {H2} at (0,19.91) size 750x27 [bgcolor=#EEEEEE]
        RenderText {#text} at (0,0) size 274x26
          text run at (0,0) width 274: "This is a spanning element."
layer at (13,474) size 750x340
  RenderBlock (anonymous multi-column) at (5,5) size 750x340
    RenderBlock (pseudo:before) at (0,0) size 367x20 [bgcolor=#FFFF00]
      RenderTextFragment at (0,0) size 160x19
        text run at (0,0) width 160: "Before Generated Content"
    RenderBlock (anonymous) at (0,20) size 367x640
      RenderText {#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
  RenderBlock (anonymous multi-column) at (5,411.81) size 750x20
    RenderBlock (pseudo:after) at (0,0) size 367x20 [bgcolor=#FFFF00]
      RenderTextFragment at (0,0) size 150x19
        text run at (0,0) width 150: "After Generated Content"
layer at (8,922) size 760x468
  RenderBlock {DIV} at (0,905.63) size 760x468.81 [border: (5px solid #800000)]
    RenderBlock (anonymous multi-column span) at (5,161) size 750x66.81
      RenderBlock {H2} at (0,19.91) size 750x27 [bgcolor=#EEEEEE]
        RenderText {#text} at (0,0) size 274x26
          text run at (0,0) width 274: "This is a spanning element."
layer at (13,927) size 750x156
  RenderBlock (anonymous multi-column) at (5,5) size 750x156
    RenderBlock (pseudo:before) at (0,0) size 367x20 [bgcolor=#FFFF00]
      RenderTextFragment at (0,0) size 160x19
        text run at (0,0) width 160: "Before Generated Content"
    RenderBlock {P} at (0,36) size 367x240
      RenderText {#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
  RenderBlock (anonymous multi-column) at (5,227.81) size 750x236
    RenderBlock {P} at (0,16) size 367x420
      RenderText {#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."
    RenderBlock (pseudo:after) at (0,452) size 367x20 [bgcolor=#FFFF00]
      RenderTextFragment at (0,0) size 150x19
        text run at (0,0) width 150: "After Generated Content"
layer at (8,1406) size 760x473
  RenderBlock {DIV} at (0,1390.44) size 760x472.81 [border: (5px solid #800000)]
    RenderBlock (anonymous multi-column span) at (5,145) size 750x66.81
      RenderBlock {H2} at (0,19.91) size 750x27 [bgcolor=#EEEEEE]
        RenderText {#text} at (0,0) size 274x26
          text run at (0,0) width 274: "This is a spanning element."
layer at (13,1411) size 750x140
  RenderBlock (anonymous multi-column) at (5,5) size 750x140
    RenderBlock (pseudo:before) at (0,0) size 367x20 [bgcolor=#FFFF00]
      RenderTextFragment at (0,0) size 160x19
        text run at (0,0) width 160: "Before Generated Content"
    RenderBlock (anonymous) at (0,20) size 367x240
      RenderText {#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
  RenderBlock (anonymous multi-column) at (5,211.81) size 750x256
    RenderBlock (anonymous) at (0,0) size 367x220
      RenderInline {SPAN} at (0,0) size 40x19
        RenderText {#text} at (0,0) size 40x19
          text run at (0,0) width 40: "Lorem"
      RenderText {#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."
    RenderBlock {P} at (0,236) size 367x220
      RenderText {#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."
    RenderBlock (pseudo:after) at (0,472) size 367x20 [bgcolor=#FFFF00]
      RenderTextFragment at (0,0) size 150x19
        text run at (0,0) width 150: "After Generated Content"
layer at (8,1895) size 760x473
  RenderBlock {DIV} at (0,1879.25) size 760x472.81 [border: (5px solid #800000)]
    RenderBlock (anonymous multi-column span) at (5,265) size 750x66.81
      RenderBlock {H2} at (0,19.91) size 750x27 [bgcolor=#EEEEEE]
        RenderText {#text} at (0,0) size 274x26
          text run at (0,0) width 274: "This is a spanning element."
layer at (13,1900) size 750x260
  RenderBlock (anonymous multi-column) at (5,5) size 750x260
    RenderBlock (pseudo:before) at (0,0) size 367x20 [bgcolor=#FFFF00]
      RenderTextFragment at (0,0) size 160x19
        text run at (0,0) width 160: "Before Generated Content"
    RenderBlock (anonymous) at (0,20) size 367x220
      RenderInline {SPAN} at (0,0) size 367x219
        RenderText {#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."
    RenderBlock (anonymous) at (0,240) size 367x40
      RenderBlock {SPAN} at (0,0) size 367x40
        RenderText {#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."
    RenderBlock (anonymous) at (0,280) size 367x220
      RenderInline {SPAN} at (0,0) size 40x19
        RenderText {#text} at (0,0) size 40x19
          text run at (0,0) width 40: "Lorem"
      RenderText {#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
  RenderBlock (anonymous multi-column) at (5,331.81) size 750x136
    RenderBlock {P} at (0,16) size 367x220
      RenderText {#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."
    RenderBlock (pseudo:after) at (0,252) size 367x20 [bgcolor=#FFFF00]
      RenderTextFragment at (0,0) size 150x19
        text run at (0,0) width 150: "After Generated Content"
layer at (8,2384) size 760x509
  RenderBlock {DIV} at (0,2368.06) size 760x508.81 [border: (5px solid #800000)]
    RenderBlock (anonymous multi-column span) at (5,297) size 750x66.81
      RenderBlock {H2} at (0,19.91) size 750x27 [bgcolor=#EEEEEE]
        RenderText {#text} at (0,0) size 274x26
          text run at (0,0) width 274: "This is a spanning element."
    RenderBlock (anonymous) at (5,383.81) size 750x20
      RenderBlock {SPAN} at (0,0) size 750x20
        RenderText {#text} at (0,0) size 143x19
          text run at (0,0) width 143: "Nulla varius enim ac mi."
layer at (13,2389) size 750x292
  RenderBlock (anonymous multi-column) at (5,5) size 750x292
    RenderBlock (pseudo:before) at (0,0) size 367x20 [bgcolor=#FFFF00]
      RenderTextFragment at (0,0) size 160x19
        text run at (0,0) width 160: "Before Generated Content"
    RenderBlock {P} at (0,36) size 367x220
      RenderText {#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."
    RenderBlock {P} at (0,272) size 367x40
      RenderText {#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."
    RenderBlock {P} at (0,328) size 367x220
      RenderText {#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
  RenderBlock (anonymous multi-column) at (5,363.81) size 750x20
    RenderInline {SPAN} at (0,0) size 337x19
      RenderText {#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
  RenderBlock (anonymous multi-column) at (5,403.81) size 750x100
    RenderBlock (anonymous) at (0,0) size 367x180
      RenderInline {SPAN} at (0,0) size 364x179
        RenderText {#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."
      RenderText {#text} at (0,0) size 0x0
    RenderBlock (pseudo:after) at (0,180) size 367x20 [bgcolor=#FFFF00]
      RenderTextFragment at (0,0) size 150x19
        text run at (0,0) width 150: "After Generated Content"