| layer at (0,0) size 785x1929 |
| RenderView at (0,0) size 785x600 |
| layer at (0,0) size 785x1929 |
| RenderBlock {HTML} at (0,0) size 785x1930 |
| RenderBody {BODY} at (8,16) size 769x1898 |
| layer at (8,16) size 750x414 |
| RenderBlock {DIV} at (0,0) size 750x414 [bgcolor=#EEEEEE] |
| RenderBlock {H2} at (0,19) size 750x55 [bgcolor=#CCCCCC] |
| RenderText {#text} at (0,0) size 683x53 |
| text run at (0,0) width 666: "This is a spanning element at the beginning of the columns block. " |
| text run at (666,0) width 17: "It" |
| text run at (0,27) width 525: "should collapse its margins with the top of the page." |
| RenderMultiColumnSet at (0,93) size 750x321 |
| layer at (8,16) size 367x640 |
| RenderMultiColumnFlowThread at (0,0) size 367x640 |
| RenderMultiColumnSpannerPlaceholder at (0,0) size 0x0 |
| 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." |
| layer at (8,446) size 750x414 |
| RenderBlock {DIV} at (0,429) size 750x415 [bgcolor=#EEEEEE] |
| RenderMultiColumnSet at (0,0) size 750x320 |
| RenderBlock {H2} at (0,339) size 750x55 [bgcolor=#CCCCCC] |
| RenderText {#text} at (0,0) size 692x53 |
| text run at (0,0) width 602: "This is a spanning element at the end of the columns block. " |
| text run at (602,0) width 90: "It should" |
| text run at (0,27) width 503: "collapse its margins with the h2 in the next block." |
| RenderMultiColumnSet at (0,413) size 750x0 |
| layer at (8,446) size 367x640 |
| RenderMultiColumnFlowThread at (0,0) size 367x640 |
| 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." |
| RenderMultiColumnSpannerPlaceholder at (0,640) size 0x0 |
| layer at (8,876) size 750x413 |
| RenderBlock {DIV} at (0,859) size 750x415 [bgcolor=#EEEEEE] |
| RenderBlock {H2} at (0,19) size 750x55 [bgcolor=#CCCCCC] |
| RenderText {#text} at (0,0) size 683x53 |
| text run at (0,0) width 666: "This is a spanning element at the beginning of the columns block. " |
| text run at (666,0) width 17: "It" |
| text run at (0,27) width 619: "should collapse its margins with the h2 in the previous block." |
| RenderMultiColumnSet at (0,93) size 750x321 |
| layer at (8,876) size 367x640 |
| RenderMultiColumnFlowThread at (0,0) size 367x640 |
| RenderMultiColumnSpannerPlaceholder at (0,0) size 0x0 |
| 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." |
| layer at (8,1305) size 750x608 |
| RenderBlock {DIV} at (0,1289) size 750x609 [bgcolor=#EEEEEE] |
| RenderMultiColumnSet at (0,0) size 750x220 |
| RenderBlock {H2} at (0,239) size 750x55 [bgcolor=#CCCCCC] |
| RenderText {#text} at (0,0) size 725x53 |
| text run at (0,0) width 635: "This is a spanning element in the middle of the columns block. " |
| text run at (635,0) width 90: "It should" |
| text run at (0,27) width 567: "collapse its margins with the spanning element below it." |
| RenderMultiColumnSet at (0,313) size 750x0 |
| RenderBlock {H2} at (0,313) size 750x55 [bgcolor=#CCCCCC] |
| RenderText {#text} at (0,0) size 725x53 |
| text run at (0,0) width 635: "This is a spanning element in the middle of the columns block. " |
| text run at (635,0) width 90: "It should" |
| text run at (0,27) width 566: "collapse its margins with the spanning element above it." |
| RenderMultiColumnSet at (0,387) size 750x221 |
| layer at (8,1305) size 367x840 backgroundClip at (0,0) size 785x1929 clip at (0,0) size 785x1929 |
| RenderMultiColumnFlowThread at (0,0) size 367x840 |
| RenderBlock (anonymous) at (0,0) 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." |
| RenderMultiColumnSpannerPlaceholder at (0,420) size 0x0 |
| RenderMultiColumnSpannerPlaceholder at (0,420) size 0x0 |
| RenderBlock (anonymous) at (0,420) 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." |
