| layer at (0,0) size 785x1843 |
| RenderView at (0,0) size 785x600 |
| layer at (0,0) size 785x1843 |
| RenderBlock {HTML} at (0,0) size 785x1844 |
| RenderBody {BODY} at (8,16) size 769x1812 |
| layer at (8,16) size 750x400 |
| RenderBlock {DIV} at (0,0) size 750x400 [bgcolor=#EEEEEE] |
| RenderBlock {H2} at (0,19) size 750x55 [bgcolor=#CCCCCC] |
| RenderText {#text} at (0,0) size 687x53 |
| text run at (0,0) width 670: "This is a spanning element at the beginning of the columns block. " |
| text run at (669,0) width 18: "It" |
| text run at (0,27) width 528: "should collapse its margins with the top of the page." |
| RenderMultiColumnSet at (0,93) size 750x307 |
| layer at (8,16) size 367x612 |
| RenderMultiColumnFlowThread at (0,0) size 367x612 |
| RenderMultiColumnSpannerPlaceholder at (0,0) size 0x0 |
| RenderBlock (anonymous) at (0,0) size 367x612 |
| RenderText {#text} at (0,0) size 363x611 |
| 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 343: "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 357: "enim. Nullam bibendum lobortis neque. Vestibulum velit" |
| text run at (0,306) width 361: "orci, tempus euismod, pretium quis, interdum vitae, nulla." |
| text run at (0,324) width 339: "Phasellus eget ante et tortor condimentum vestibulum." |
| text run at (0,342) width 345: "Suspendisse hendrerit quam nec felis. Sed varius turpis" |
| text run at (0,360) width 331: "vitae pede. Lorem ipsum dolor sit amet, consectetuer" |
| text run at (0,378) width 95: "adipiscing elit. " |
| text run at (95,378) width 259: "Lorem ipsum dolor sit amet, consectetuer" |
| text run at (0,396) width 313: "adipiscing elit. Nulla varius enim ac mi. Curabitur" |
| text run at (0,414) width 352: "sollicitudin felis quis lectus. Quisque adipiscing rhoncus" |
| text run at (0,432) width 353: "sem. Proin nulla purus, vulputate vel, varius ut, euismod" |
| text run at (0,450) width 326: "et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras" |
| text run at (0,468) width 350: "convallis adipiscing sem. Nam nonummy enim. Nullam" |
| text run at (0,486) width 348: "bibendum lobortis neque. Vestibulum velit orci, tempus" |
| text run at (0,504) width 343: "euismod, pretium quis, interdum vitae, nulla. Phasellus" |
| text run at (0,522) width 357: "eget ante et tortor condimentum vestibulum. Suspendisse" |
| text run at (0,540) width 336: "hendrerit quam nec felis. Sed varius turpis vitae pede." |
| text run at (0,558) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit." |
| text run at (0,576) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit." |
| text run at (0,594) width 154: "Nulla varius enim ac mi." |
| layer at (8,432) size 750x400 |
| RenderBlock {DIV} at (0,415) size 750x401 [bgcolor=#EEEEEE] |
| RenderMultiColumnSet at (0,0) size 750x306 |
| RenderBlock {H2} at (0,325) size 750x55 [bgcolor=#CCCCCC] |
| RenderText {#text} at (0,0) size 696x53 |
| text run at (0,0) width 606: "This is a spanning element at the end of the columns block. " |
| text run at (605,0) width 91: "It should" |
| text run at (0,27) width 505: "collapse its margins with the h2 in the next block." |
| RenderMultiColumnSet at (0,399) size 750x0 |
| layer at (8,432) size 367x612 |
| RenderMultiColumnFlowThread at (0,0) size 367x612 |
| RenderBlock (anonymous) at (0,0) size 367x612 |
| RenderText {#text} at (0,0) size 363x611 |
| 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 343: "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 357: "enim. Nullam bibendum lobortis neque. Vestibulum velit" |
| text run at (0,306) width 361: "orci, tempus euismod, pretium quis, interdum vitae, nulla." |
| text run at (0,324) width 339: "Phasellus eget ante et tortor condimentum vestibulum." |
| text run at (0,342) width 345: "Suspendisse hendrerit quam nec felis. Sed varius turpis" |
| text run at (0,360) width 331: "vitae pede. Lorem ipsum dolor sit amet, consectetuer" |
| text run at (0,378) width 95: "adipiscing elit. " |
| text run at (95,378) width 259: "Lorem ipsum dolor sit amet, consectetuer" |
| text run at (0,396) width 313: "adipiscing elit. Nulla varius enim ac mi. Curabitur" |
| text run at (0,414) width 352: "sollicitudin felis quis lectus. Quisque adipiscing rhoncus" |
| text run at (0,432) width 353: "sem. Proin nulla purus, vulputate vel, varius ut, euismod" |
| text run at (0,450) width 326: "et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras" |
| text run at (0,468) width 350: "convallis adipiscing sem. Nam nonummy enim. Nullam" |
| text run at (0,486) width 348: "bibendum lobortis neque. Vestibulum velit orci, tempus" |
| text run at (0,504) width 343: "euismod, pretium quis, interdum vitae, nulla. Phasellus" |
| text run at (0,522) width 357: "eget ante et tortor condimentum vestibulum. Suspendisse" |
| text run at (0,540) width 336: "hendrerit quam nec felis. Sed varius turpis vitae pede." |
| text run at (0,558) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit." |
| text run at (0,576) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit." |
| text run at (0,594) width 154: "Nulla varius enim ac mi." |
| RenderMultiColumnSpannerPlaceholder at (0,612) size 0x0 |
| layer at (8,848) size 750x399 |
| RenderBlock {DIV} at (0,831) size 750x401 [bgcolor=#EEEEEE] |
| RenderBlock {H2} at (0,19) size 750x55 [bgcolor=#CCCCCC] |
| RenderText {#text} at (0,0) size 687x53 |
| text run at (0,0) width 670: "This is a spanning element at the beginning of the columns block. " |
| text run at (669,0) width 18: "It" |
| text run at (0,27) width 621: "should collapse its margins with the h2 in the previous block." |
| RenderMultiColumnSet at (0,93) size 750x307 |
| layer at (8,848) size 367x612 |
| RenderMultiColumnFlowThread at (0,0) size 367x612 |
| RenderMultiColumnSpannerPlaceholder at (0,0) size 0x0 |
| RenderBlock (anonymous) at (0,0) size 367x612 |
| RenderText {#text} at (0,0) size 363x611 |
| 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 343: "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 357: "enim. Nullam bibendum lobortis neque. Vestibulum velit" |
| text run at (0,306) width 361: "orci, tempus euismod, pretium quis, interdum vitae, nulla." |
| text run at (0,324) width 339: "Phasellus eget ante et tortor condimentum vestibulum." |
| text run at (0,342) width 345: "Suspendisse hendrerit quam nec felis. Sed varius turpis" |
| text run at (0,360) width 331: "vitae pede. Lorem ipsum dolor sit amet, consectetuer" |
| text run at (0,378) width 95: "adipiscing elit. " |
| text run at (95,378) width 259: "Lorem ipsum dolor sit amet, consectetuer" |
| text run at (0,396) width 313: "adipiscing elit. Nulla varius enim ac mi. Curabitur" |
| text run at (0,414) width 352: "sollicitudin felis quis lectus. Quisque adipiscing rhoncus" |
| text run at (0,432) width 353: "sem. Proin nulla purus, vulputate vel, varius ut, euismod" |
| text run at (0,450) width 326: "et, nisi. Sed vitae felis vel orci sagittis aliquam. Cras" |
| text run at (0,468) width 350: "convallis adipiscing sem. Nam nonummy enim. Nullam" |
| text run at (0,486) width 348: "bibendum lobortis neque. Vestibulum velit orci, tempus" |
| text run at (0,504) width 343: "euismod, pretium quis, interdum vitae, nulla. Phasellus" |
| text run at (0,522) width 357: "eget ante et tortor condimentum vestibulum. Suspendisse" |
| text run at (0,540) width 336: "hendrerit quam nec felis. Sed varius turpis vitae pede." |
| text run at (0,558) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit." |
| text run at (0,576) width 354: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit." |
| text run at (0,594) width 154: "Nulla varius enim ac mi." |
| layer at (8,1263) size 750x564 |
| RenderBlock {DIV} at (0,1247) size 750x565 [bgcolor=#EEEEEE] |
| RenderMultiColumnSet at (0,0) size 750x198 |
| RenderBlock {H2} at (0,217) size 750x55 [bgcolor=#CCCCCC] |
| RenderText {#text} at (0,0) size 730x53 |
| text run at (0,0) width 640: "This is a spanning element in the middle of the columns block. " |
| text run at (639,0) width 91: "It should" |
| text run at (0,27) width 570: "collapse its margins with the spanning element below it." |
| RenderMultiColumnSet at (0,291) size 750x0 |
| RenderBlock {H2} at (0,291) size 750x55 [bgcolor=#CCCCCC] |
| RenderText {#text} at (0,0) size 730x53 |
| text run at (0,0) width 640: "This is a spanning element in the middle of the columns block. " |
| text run at (639,0) width 91: "It should" |
| text run at (0,27) width 570: "collapse its margins with the spanning element above it." |
| RenderMultiColumnSet at (0,365) size 750x199 |
| layer at (8,1263) size 367x792 backgroundClip at (0,0) size 785x1843 clip at (0,0) size 785x1843 |
| RenderMultiColumnFlowThread at (0,0) size 367x792 |
| RenderBlock (anonymous) at (0,0) size 367x396 |
| RenderText {#text} at (0,0) size 363x395 |
| 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 343: "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 357: "enim. Nullam bibendum lobortis neque. Vestibulum velit" |
| text run at (0,306) width 361: "orci, tempus euismod, pretium quis, interdum vitae, nulla." |
| text run at (0,324) width 339: "Phasellus eget ante et tortor condimentum vestibulum." |
| text run at (0,342) width 345: "Suspendisse hendrerit quam nec felis. Sed varius turpis" |
| text run at (0,360) width 331: "vitae pede. Lorem ipsum dolor sit amet, consectetuer" |
| text run at (0,378) width 91: "adipiscing elit." |
| RenderMultiColumnSpannerPlaceholder at (0,396) size 0x0 |
| RenderMultiColumnSpannerPlaceholder at (0,396) size 0x0 |
| RenderBlock (anonymous) at (0,396) size 367x396 |
| RenderText {#text} at (0,0) size 363x395 |
| 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 343: "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 357: "enim. Nullam bibendum lobortis neque. Vestibulum velit" |
| text run at (0,306) width 361: "orci, tempus euismod, pretium quis, interdum vitae, nulla." |
| text run at (0,324) width 339: "Phasellus eget ante et tortor condimentum vestibulum." |
| text run at (0,342) width 345: "Suspendisse hendrerit quam nec felis. Sed varius turpis" |
| text run at (0,360) width 331: "vitae pede. Lorem ipsum dolor sit amet, consectetuer" |
| text run at (0,378) width 91: "adipiscing elit." |
