| layer at (0,0) size 785x1935 |
| RenderView at (0,0) size 785x600 |
| layer at (0,0) size 785x1935 |
| RenderBlock {HTML} at (0,0) size 785x1935 |
| RenderBody {BODY} at (8,16) size 769x1903 |
| layer at (8,16) size 750x418 |
| RenderBlock {DIV} at (0,0) size 750x418 [bgcolor=#EEEEEE] |
| RenderBlock (anonymous multi-column span) at (0,0) size 750x94 |
| RenderBlock {H2} at (0,19) size 750x56 [bgcolor=#CCCCCC] |
| RenderText {#text} at (0,0) size 687x56 |
| text run at (0,0) width 670: "This is a spanning element at the beginning of the columns block. " |
| text run at (670,0) width 17: "It" |
| text run at (0,28) width 527: "should collapse its margins with the top of the page." |
| layer at (8,110) size 750x324 |
| RenderBlock (anonymous multi-column) at (0,94) size 750x324 |
| RenderText {#text} at (0,0) size 363x631 |
| text run at (0,0) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit." |
| text run at (0,18) width 351: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis" |
| text run at (0,36) width 325: "lectus. Quisque adipiscing rhoncus sem. Proin nulla" |
| text run at (0,54) width 358: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae" |
| text run at (0,72) width 343: "felis vel orci sagittis aliquam. Cras convallis adipiscing" |
| text run at (0,90) width 340: "sem. Nam nonummy enim. Nullam bibendum lobortis" |
| text run at (0,108) width 344: "neque. Vestibulum velit orci, tempus euismod, pretium" |
| text run at (0,126) width 343: "quis, interdum vitae, nulla. Phasellus eget ante et tortor" |
| text run at (0,144) width 343: "condimentum vestibulum. Suspendisse hendrerit quam" |
| text run at (0,162) width 362: "nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor" |
| text run at (0,180) width 233: "sit amet, consectetuer adipiscing elit. " |
| text run at (233,180) width 121: "Lorem ipsum dolor" |
| text run at (0,198) width 363: "sit amet, consectetuer adipiscing elit. Nulla varius enim ac" |
| text run at (0,216) width 318: "mi. Curabitur sollicitudin felis quis lectus. Quisque" |
| text run at (0,234) width 356: "adipiscing rhoncus sem. Proin nulla purus, vulputate vel," |
| text run at (0,252) width 354: "varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis" |
| text run at (0,270) width 351: "aliquam. Cras convallis adipiscing sem. Nam nonummy" |
| text run at (0,288) width 358: "enim. Nullam bibendum lobortis neque. Vestibulum velit" |
| text run at (0,324) width 361: "orci, tempus euismod, pretium quis, interdum vitae, nulla." |
| text run at (0,342) width 339: "Phasellus eget ante et tortor condimentum vestibulum." |
| text run at (0,360) width 345: "Suspendisse hendrerit quam nec felis. Sed varius turpis" |
| text run at (0,378) width 331: "vitae pede. Lorem ipsum dolor sit amet, consectetuer" |
| text run at (0,396) width 95: "adipiscing elit. " |
| text run at (95,396) width 259: "Lorem ipsum dolor sit amet, consectetuer" |
| text run at (0,414) width 313: "adipiscing elit. Nulla varius enim ac mi. Curabitur" |
| text run at (0,432) width 352: "sollicitudin felis quis lectus. Quisque adipiscing rhoncus" |
| text run at (0,450) width 353: "sem. Proin nulla purus, vulputate vel, varius ut, euismod" |
| text run at (0,468) width 326: "et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras" |
| text run at (0,486) width 350: "convallis adipiscing sem. Nam nonummy enim. Nullam" |
| text run at (0,504) width 349: "bibendum lobortis neque. Vestibulum velit orci, tempus" |
| text run at (0,522) width 343: "euismod, pretium quis, interdum vitae, nulla. Phasellus" |
| text run at (0,540) width 357: "eget ante et tortor condimentum vestibulum. Suspendisse" |
| text run at (0,558) width 336: "hendrerit quam nec felis. Sed varius turpis vitae pede." |
| text run at (0,576) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit." |
| text run at (0,594) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit." |
| text run at (0,612) width 154: "Nulla varius enim ac mi." |
| layer at (8,450) size 750x418 |
| RenderBlock {DIV} at (0,434) size 750x418 [bgcolor=#EEEEEE] |
| RenderBlock (anonymous multi-column span) at (0,324) size 750x94 |
| RenderBlock {H2} at (0,19) size 750x56 [bgcolor=#CCCCCC] |
| RenderText {#text} at (0,0) size 696x56 |
| text run at (0,0) width 606: "This is a spanning element at the end of the columns block. " |
| text run at (606,0) width 90: "It should" |
| text run at (0,28) width 504: "collapse its margins with the h2 in the next block." |
| layer at (8,450) size 750x324 |
| RenderBlock (anonymous multi-column) at (0,0) size 750x324 |
| RenderText {#text} at (0,0) size 363x631 |
| text run at (0,0) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit." |
| text run at (0,18) width 351: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis" |
| text run at (0,36) width 325: "lectus. Quisque adipiscing rhoncus sem. Proin nulla" |
| text run at (0,54) width 358: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae" |
| text run at (0,72) width 343: "felis vel orci sagittis aliquam. Cras convallis adipiscing" |
| text run at (0,90) width 340: "sem. Nam nonummy enim. Nullam bibendum lobortis" |
| text run at (0,108) width 344: "neque. Vestibulum velit orci, tempus euismod, pretium" |
| text run at (0,126) width 343: "quis, interdum vitae, nulla. Phasellus eget ante et tortor" |
| text run at (0,144) width 343: "condimentum vestibulum. Suspendisse hendrerit quam" |
| text run at (0,162) width 362: "nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor" |
| text run at (0,180) width 233: "sit amet, consectetuer adipiscing elit. " |
| text run at (233,180) width 121: "Lorem ipsum dolor" |
| text run at (0,198) width 363: "sit amet, consectetuer adipiscing elit. Nulla varius enim ac" |
| text run at (0,216) width 318: "mi. Curabitur sollicitudin felis quis lectus. Quisque" |
| text run at (0,234) width 356: "adipiscing rhoncus sem. Proin nulla purus, vulputate vel," |
| text run at (0,252) width 354: "varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis" |
| text run at (0,270) width 351: "aliquam. Cras convallis adipiscing sem. Nam nonummy" |
| text run at (0,288) width 358: "enim. Nullam bibendum lobortis neque. Vestibulum velit" |
| text run at (0,324) width 361: "orci, tempus euismod, pretium quis, interdum vitae, nulla." |
| text run at (0,342) width 339: "Phasellus eget ante et tortor condimentum vestibulum." |
| text run at (0,360) width 345: "Suspendisse hendrerit quam nec felis. Sed varius turpis" |
| text run at (0,378) width 331: "vitae pede. Lorem ipsum dolor sit amet, consectetuer" |
| text run at (0,396) width 95: "adipiscing elit. " |
| text run at (95,396) width 259: "Lorem ipsum dolor sit amet, consectetuer" |
| text run at (0,414) width 313: "adipiscing elit. Nulla varius enim ac mi. Curabitur" |
| text run at (0,432) width 352: "sollicitudin felis quis lectus. Quisque adipiscing rhoncus" |
| text run at (0,450) width 353: "sem. Proin nulla purus, vulputate vel, varius ut, euismod" |
| text run at (0,468) width 326: "et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras" |
| text run at (0,486) width 350: "convallis adipiscing sem. Nam nonummy enim. Nullam" |
| text run at (0,504) width 349: "bibendum lobortis neque. Vestibulum velit orci, tempus" |
| text run at (0,522) width 343: "euismod, pretium quis, interdum vitae, nulla. Phasellus" |
| text run at (0,540) width 357: "eget ante et tortor condimentum vestibulum. Suspendisse" |
| text run at (0,558) width 336: "hendrerit quam nec felis. Sed varius turpis vitae pede." |
| text run at (0,576) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit." |
| text run at (0,594) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit." |
| text run at (0,612) width 154: "Nulla varius enim ac mi." |
| layer at (8,884) size 750x418 |
| RenderBlock {DIV} at (0,868) size 750x418 [bgcolor=#EEEEEE] |
| RenderBlock (anonymous multi-column span) at (0,0) size 750x94 |
| RenderBlock {H2} at (0,19) size 750x56 [bgcolor=#CCCCCC] |
| RenderText {#text} at (0,0) size 687x56 |
| text run at (0,0) width 670: "This is a spanning element at the beginning of the columns block. " |
| text run at (670,0) width 17: "It" |
| text run at (0,28) width 621: "should collapse its margins with the h2 in the previous block." |
| layer at (8,978) size 750x324 |
| RenderBlock (anonymous multi-column) at (0,94) size 750x324 |
| RenderText {#text} at (0,0) size 363x631 |
| text run at (0,0) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit." |
| text run at (0,18) width 351: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis" |
| text run at (0,36) width 325: "lectus. Quisque adipiscing rhoncus sem. Proin nulla" |
| text run at (0,54) width 358: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae" |
| text run at (0,72) width 343: "felis vel orci sagittis aliquam. Cras convallis adipiscing" |
| text run at (0,90) width 340: "sem. Nam nonummy enim. Nullam bibendum lobortis" |
| text run at (0,108) width 344: "neque. Vestibulum velit orci, tempus euismod, pretium" |
| text run at (0,126) width 343: "quis, interdum vitae, nulla. Phasellus eget ante et tortor" |
| text run at (0,144) width 343: "condimentum vestibulum. Suspendisse hendrerit quam" |
| text run at (0,162) width 362: "nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor" |
| text run at (0,180) width 233: "sit amet, consectetuer adipiscing elit. " |
| text run at (233,180) width 121: "Lorem ipsum dolor" |
| text run at (0,198) width 363: "sit amet, consectetuer adipiscing elit. Nulla varius enim ac" |
| text run at (0,216) width 318: "mi. Curabitur sollicitudin felis quis lectus. Quisque" |
| text run at (0,234) width 356: "adipiscing rhoncus sem. Proin nulla purus, vulputate vel," |
| text run at (0,252) width 354: "varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis" |
| text run at (0,270) width 351: "aliquam. Cras convallis adipiscing sem. Nam nonummy" |
| text run at (0,288) width 358: "enim. Nullam bibendum lobortis neque. Vestibulum velit" |
| text run at (0,324) width 361: "orci, tempus euismod, pretium quis, interdum vitae, nulla." |
| text run at (0,342) width 339: "Phasellus eget ante et tortor condimentum vestibulum." |
| text run at (0,360) width 345: "Suspendisse hendrerit quam nec felis. Sed varius turpis" |
| text run at (0,378) width 331: "vitae pede. Lorem ipsum dolor sit amet, consectetuer" |
| text run at (0,396) width 95: "adipiscing elit. " |
| text run at (95,396) width 259: "Lorem ipsum dolor sit amet, consectetuer" |
| text run at (0,414) width 313: "adipiscing elit. Nulla varius enim ac mi. Curabitur" |
| text run at (0,432) width 352: "sollicitudin felis quis lectus. Quisque adipiscing rhoncus" |
| text run at (0,450) width 353: "sem. Proin nulla purus, vulputate vel, varius ut, euismod" |
| text run at (0,468) width 326: "et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras" |
| text run at (0,486) width 350: "convallis adipiscing sem. Nam nonummy enim. Nullam" |
| text run at (0,504) width 349: "bibendum lobortis neque. Vestibulum velit orci, tempus" |
| text run at (0,522) width 343: "euismod, pretium quis, interdum vitae, nulla. Phasellus" |
| text run at (0,540) width 357: "eget ante et tortor condimentum vestibulum. Suspendisse" |
| text run at (0,558) width 336: "hendrerit quam nec felis. Sed varius turpis vitae pede." |
| text run at (0,576) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit." |
| text run at (0,594) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit." |
| text run at (0,612) width 154: "Nulla varius enim ac mi." |
| layer at (8,1318) size 750x601 |
| RenderBlock {DIV} at (0,1302) size 750x601 [bgcolor=#EEEEEE] |
| RenderBlock (anonymous multi-column span) at (0,216) size 750x169 |
| RenderBlock {H2} at (0,19) size 750x56 [bgcolor=#CCCCCC] |
| RenderText {#text} at (0,0) size 730x56 |
| text run at (0,0) width 640: "This is a spanning element in the middle of the columns block. " |
| text run at (640,0) width 90: "It should" |
| text run at (0,28) width 569: "collapse its margins with the spanning element below it." |
| RenderBlock {H2} at (0,94) size 750x56 [bgcolor=#CCCCCC] |
| RenderText {#text} at (0,0) size 730x56 |
| text run at (0,0) width 640: "This is a spanning element in the middle of the columns block. " |
| text run at (640,0) width 90: "It should" |
| text run at (0,28) width 569: "collapse its margins with the spanning element above it." |
| layer at (8,1318) size 750x216 |
| RenderBlock (anonymous multi-column) at (0,0) size 750x216 |
| RenderText {#text} at (0,0) size 363x415 |
| text run at (0,0) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit." |
| text run at (0,18) width 351: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis" |
| text run at (0,36) width 325: "lectus. Quisque adipiscing rhoncus sem. Proin nulla" |
| text run at (0,54) width 358: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae" |
| text run at (0,72) width 343: "felis vel orci sagittis aliquam. Cras convallis adipiscing" |
| text run at (0,90) width 340: "sem. Nam nonummy enim. Nullam bibendum lobortis" |
| text run at (0,108) width 344: "neque. Vestibulum velit orci, tempus euismod, pretium" |
| text run at (0,126) width 343: "quis, interdum vitae, nulla. Phasellus eget ante et tortor" |
| text run at (0,144) width 343: "condimentum vestibulum. Suspendisse hendrerit quam" |
| text run at (0,162) width 362: "nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor" |
| text run at (0,180) width 233: "sit amet, consectetuer adipiscing elit. " |
| text run at (233,180) width 121: "Lorem ipsum dolor" |
| text run at (0,216) width 363: "sit amet, consectetuer adipiscing elit. Nulla varius enim ac" |
| text run at (0,234) width 318: "mi. Curabitur sollicitudin felis quis lectus. Quisque" |
| text run at (0,252) width 356: "adipiscing rhoncus sem. Proin nulla purus, vulputate vel," |
| text run at (0,270) width 354: "varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis" |
| text run at (0,288) width 351: "aliquam. Cras convallis adipiscing sem. Nam nonummy" |
| text run at (0,306) width 358: "enim. Nullam bibendum lobortis neque. Vestibulum velit" |
| text run at (0,324) width 361: "orci, tempus euismod, pretium quis, interdum vitae, nulla." |
| text run at (0,342) width 339: "Phasellus eget ante et tortor condimentum vestibulum." |
| text run at (0,360) width 345: "Suspendisse hendrerit quam nec felis. Sed varius turpis" |
| text run at (0,378) width 331: "vitae pede. Lorem ipsum dolor sit amet, consectetuer" |
| text run at (0,396) width 91: "adipiscing elit." |
| layer at (8,1703) size 750x216 |
| RenderBlock (anonymous multi-column) at (0,385) size 750x216 |
| RenderText {#text} at (0,0) size 363x415 |
| text run at (0,0) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit." |
| text run at (0,18) width 351: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis" |
| text run at (0,36) width 325: "lectus. Quisque adipiscing rhoncus sem. Proin nulla" |
| text run at (0,54) width 358: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae" |
| text run at (0,72) width 343: "felis vel orci sagittis aliquam. Cras convallis adipiscing" |
| text run at (0,90) width 340: "sem. Nam nonummy enim. Nullam bibendum lobortis" |
| text run at (0,108) width 344: "neque. Vestibulum velit orci, tempus euismod, pretium" |
| text run at (0,126) width 343: "quis, interdum vitae, nulla. Phasellus eget ante et tortor" |
| text run at (0,144) width 343: "condimentum vestibulum. Suspendisse hendrerit quam" |
| text run at (0,162) width 362: "nec felis. Sed varius turpis vitae pede. Lorem ipsum dolor" |
| text run at (0,180) width 233: "sit amet, consectetuer adipiscing elit. " |
| text run at (233,180) width 121: "Lorem ipsum dolor" |
| text run at (0,216) width 363: "sit amet, consectetuer adipiscing elit. Nulla varius enim ac" |
| text run at (0,234) width 318: "mi. Curabitur sollicitudin felis quis lectus. Quisque" |
| text run at (0,252) width 356: "adipiscing rhoncus sem. Proin nulla purus, vulputate vel," |
| text run at (0,270) width 354: "varius ut, euismod et, nisi. Sed vitae felis vel orci sagittis" |
| text run at (0,288) width 351: "aliquam. Cras convallis adipiscing sem. Nam nonummy" |
| text run at (0,306) width 358: "enim. Nullam bibendum lobortis neque. Vestibulum velit" |
| text run at (0,324) width 361: "orci, tempus euismod, pretium quis, interdum vitae, nulla." |
| text run at (0,342) width 339: "Phasellus eget ante et tortor condimentum vestibulum." |
| text run at (0,360) width 345: "Suspendisse hendrerit quam nec felis. Sed varius turpis" |
| text run at (0,378) width 331: "vitae pede. Lorem ipsum dolor sit amet, consectetuer" |
| text run at (0,396) width 91: "adipiscing elit." |
