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]
+ 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
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]
+ 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
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]
+ 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
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]
+ 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
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]
+ 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
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]
+ 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
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]
+ 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
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]
+ 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
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]
+ 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
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]
+ 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
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]
+ 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
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]
+ 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"