| layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 1345 |
| LayoutView at (0,0) size 800x600 |
| layer at (0,0) size 785x1345 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600 |
| LayoutBlockFlow {HTML} at (0,0) size 785x1345.44 |
| LayoutBlockFlow {BODY} at (8,16) size 769x1313.44 |
| layer at (8,16) size 760x426 |
| LayoutBlockFlow {DIV} at (0,0) size 760x425.81 [border: (5px solid #800000)] |
| LayoutBlockFlow (anonymous) (anonymous multi-column span) at (5,13) size 750x67.81 [color=#FFFFFF] |
| LayoutBlockFlow {H2} at (0,19.91) size 750x28 [color=#000000] [bgcolor=#EEEEEE] |
| LayoutText {#text} at (0,0) size 666x28 |
| text run at (0,0) width 666: "This is a spanning element at the beginning of the columns block." |
| layer at (13,21) size 750x8 |
| LayoutBlockFlow (anonymous) (anonymous multi-column) at (5,5) size 750x8 |
| LayoutBlockFlow {SPAN} at (0,8) size 367x0 [color=#FFFFFF] [bgcolor=#000000] |
| layer at (13,97) size 750x340 |
| LayoutBlockFlow (anonymous) (anonymous multi-column) at (5,80.81) size 750x340 |
| LayoutBlockFlow {SPAN} at (0,16) size 367x198 [color=#FFFFFF] [bgcolor=#000000] |
| LayoutText {#text} at (0,0) size 367x198 |
| text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit." |
| text run at (0,18) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis" |
| text run at (0,36) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla" |
| text run at (0,54) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae" |
| text run at (0,72) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing" |
| text run at (0,90) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis" |
| text run at (0,108) width 353: "neque. Vestibulum velit orci, tempus euismod, pretium" |
| text run at (0,126) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor" |
| text run at (0,144) width 351: "condimentum vestibulum. Suspendisse hendrerit quam" |
| text run at (0,162) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum" |
| text run at (0,180) width 275: "dolor sit amet, consectetuer adipiscing elit." |
| LayoutBlockFlow (anonymous) at (0,230) size 367x434 |
| LayoutText {#text} at (0,0) size 367x434 |
| text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit." |
| text run at (0,18) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis" |
| text run at (0,36) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla" |
| text run at (0,54) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae" |
| text run at (0,72) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing" |
| text run at (0,90) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis" |
| text run at (0,110) width 353: "neque. Vestibulum velit orci, tempus euismod, pretium" |
| text run at (0,128) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor" |
| text run at (0,146) width 351: "condimentum vestibulum. Suspendisse hendrerit quam" |
| text run at (0,164) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum" |
| text run at (0,182) width 279: "dolor sit amet, consectetuer adipiscing elit. " |
| text run at (278,182) width 86: "Lorem ipsum" |
| text run at (0,200) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius" |
| text run at (0,218) width 324: "enim ac mi. Curabitur sollicitudin felis quis lectus." |
| text run at (0,236) width 330: "Quisque adipiscing rhoncus sem. Proin nulla purus," |
| text run at (0,254) width 355: "vulputate vel, varius ut, euismod et, nisi. Sed vitae felis" |
| text run at (0,272) width 356: "vel orci sagittis aliquam. Cras convallis adipiscing sem." |
| text run at (0,290) width 360: "Nam nonummy enim. Nullam bibendum lobortis neque." |
| text run at (0,308) width 341: "Vestibulum velit orci, tempus euismod, pretium quis," |
| text run at (0,326) width 318: "interdum vitae, nulla. Phasellus eget ante et tortor" |
| text run at (0,344) width 351: "condimentum vestibulum. Suspendisse hendrerit quam" |
| text run at (0,362) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum" |
| text run at (0,380) width 279: "dolor sit amet, consectetuer adipiscing elit. " |
| text run at (278,380) width 86: "Lorem ipsum" |
| text run at (0,398) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius" |
| text run at (0,416) width 76: "enim ac mi." |
| layer at (8,458) size 760x424 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600 |
| LayoutBlockFlow {DIV} at (0,441.81) size 760x423.81 [border: (5px solid #800000)] |
| LayoutBlockFlow (anonymous) (anonymous multi-column span) at (5,343) size 750x67.81 [color=#FFFFFF] |
| LayoutBlockFlow {H2} at (0,19.91) size 750x28 [color=#000000] [bgcolor=#EEEEEE] |
| LayoutText {#text} at (0,0) size 602x28 |
| text run at (0,0) width 602: "This is a spanning element at the end of the columns block." |
| layer at (13,463) size 750x338 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600 |
| LayoutBlockFlow (anonymous) (anonymous multi-column) at (5,5) size 750x338 |
| LayoutBlockFlow (anonymous) at (0,0) size 367x410 |
| LayoutText {#text} at (0,0) size 367x410 |
| text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit." |
| text run at (0,18) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis" |
| text run at (0,36) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla" |
| text run at (0,54) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae" |
| text run at (0,72) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing" |
| text run at (0,90) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis" |
| text run at (0,108) width 353: "neque. Vestibulum velit orci, tempus euismod, pretium" |
| text run at (0,126) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor" |
| text run at (0,144) width 351: "condimentum vestibulum. Suspendisse hendrerit quam" |
| text run at (0,162) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum" |
| text run at (0,180) width 279: "dolor sit amet, consectetuer adipiscing elit. " |
| text run at (278,180) width 86: "Lorem ipsum" |
| text run at (0,198) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius" |
| text run at (0,216) width 324: "enim ac mi. Curabitur sollicitudin felis quis lectus." |
| text run at (0,234) width 330: "Quisque adipiscing rhoncus sem. Proin nulla purus," |
| text run at (0,252) width 355: "vulputate vel, varius ut, euismod et, nisi. Sed vitae felis" |
| text run at (0,270) width 356: "vel orci sagittis aliquam. Cras convallis adipiscing sem." |
| text run at (0,288) width 360: "Nam nonummy enim. Nullam bibendum lobortis neque." |
| text run at (0,306) width 341: "Vestibulum velit orci, tempus euismod, pretium quis," |
| text run at (0,338) width 318: "interdum vitae, nulla. Phasellus eget ante et tortor" |
| text run at (0,356) width 351: "condimentum vestibulum. Suspendisse hendrerit quam" |
| text run at (0,374) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum" |
| text run at (0,392) width 275: "dolor sit amet, consectetuer adipiscing elit." |
| LayoutBlockFlow {SPAN} at (0,426) size 367x234 [color=#FFFFFF] [bgcolor=#000000] |
| LayoutText {#text} at (0,0) size 367x234 |
| text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit." |
| text run at (0,18) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis" |
| text run at (0,36) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla" |
| text run at (0,54) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae" |
| text run at (0,72) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing" |
| text run at (0,90) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis" |
| text run at (0,108) width 353: "neque. Vestibulum velit orci, tempus euismod, pretium" |
| text run at (0,126) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor" |
| text run at (0,144) width 351: "condimentum vestibulum. Suspendisse hendrerit quam" |
| text run at (0,162) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum" |
| text run at (0,180) width 279: "dolor sit amet, consectetuer adipiscing elit. " |
| text run at (278,180) width 86: "Lorem ipsum" |
| text run at (0,198) width 357: "dolor sit amet, consectetuer adipiscing elit. Nulla varius" |
| text run at (0,216) width 76: "enim ac mi." |
| layer at (13,869) size 750x8 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600 |
| LayoutBlockFlow (anonymous) (anonymous multi-column) at (5,410.81) size 750x8 |
| LayoutBlockFlow {SPAN} at (0,8) size 367x0 [color=#FFFFFF] [bgcolor=#000000] |
| LayoutText {#text} at (0,0) size 0x0 |
| layer at (8,898) size 760x431 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600 |
| LayoutBlockFlow {DIV} at (0,881.63) size 760x431.81 [border: (5px solid #800000)] |
| LayoutBlockFlow (anonymous) (anonymous multi-column span) at (5,145) size 750x67.81 [color=#FFFFFF] |
| LayoutBlockFlow {H2} at (0,19.91) size 750x28 [color=#000000] [bgcolor=#EEEEEE] |
| LayoutText {#text} at (0,0) size 635x28 |
| text run at (0,0) width 635: "This is a spanning element in the middle of the columns block." |
| layer at (13,903) size 750x140 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600 |
| LayoutBlockFlow (anonymous) (anonymous multi-column) at (5,5) size 750x140 |
| LayoutBlockFlow (anonymous) at (0,0) size 367x212 |
| LayoutText {#text} at (0,0) size 367x212 |
| text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit." |
| text run at (0,18) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis" |
| text run at (0,36) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla" |
| text run at (0,54) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae" |
| text run at (0,72) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing" |
| text run at (0,90) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis" |
| text run at (0,108) width 353: "neque. Vestibulum velit orci, tempus euismod, pretium" |
| text run at (0,140) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor" |
| text run at (0,158) width 351: "condimentum vestibulum. Suspendisse hendrerit quam" |
| text run at (0,176) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum" |
| text run at (0,194) width 275: "dolor sit amet, consectetuer adipiscing elit." |
| LayoutBlockFlow {SPAN} at (0,228) size 367x36 [color=#FFFFFF] [bgcolor=#000000] |
| LayoutText {#text} at (0,0) size 364x36 |
| text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit." |
| text run at (0,18) width 158: "Nulla varius enim ac mi." |
| layer at (13,1110) size 750x214 backgroundClip at (0,0) size 785x600 clip at (0,0) size 785x600 outlineClip at (0,0) size 785x600 |
| LayoutBlockFlow (anonymous) (anonymous multi-column) at (5,212.81) size 750x214 |
| LayoutBlockFlow {SPAN} at (0,16) size 367x198 [color=#FFFFFF] [bgcolor=#000000] |
| LayoutText {#text} at (0,0) size 367x198 |
| text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit." |
| text run at (0,18) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis" |
| text run at (0,36) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla" |
| text run at (0,54) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae" |
| text run at (0,72) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing" |
| text run at (0,90) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis" |
| text run at (0,108) width 353: "neque. Vestibulum velit orci, tempus euismod, pretium" |
| text run at (0,126) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor" |
| text run at (0,144) width 351: "condimentum vestibulum. Suspendisse hendrerit quam" |
| text run at (0,162) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum" |
| text run at (0,180) width 275: "dolor sit amet, consectetuer adipiscing elit." |
| LayoutBlockFlow (anonymous) at (0,230) size 367x198 |
| LayoutText {#text} at (0,0) size 367x198 |
| text run at (0,0) width 364: "Lorem ipsum dolor sit amet, consectetuer adipiscing elit." |
| text run at (0,18) width 362: "Nulla varius enim ac mi. Curabitur sollicitudin felis quis" |
| text run at (0,36) width 332: "lectus. Quisque adipiscing rhoncus sem. Proin nulla" |
| text run at (0,54) width 367: "purus, vulputate vel, varius ut, euismod et, nisi. Sed vitae" |
| text run at (0,72) width 354: "felis vel orci sagittis aliquam. Cras convallis adipiscing" |
| text run at (0,90) width 347: "sem. Nam nonummy enim. Nullam bibendum lobortis" |
| text run at (0,108) width 353: "neque. Vestibulum velit orci, tempus euismod, pretium" |
| text run at (0,126) width 353: "quis, interdum vitae, nulla. Phasellus eget ante et tortor" |
| text run at (0,144) width 351: "condimentum vestibulum. Suspendisse hendrerit quam" |
| text run at (0,162) width 333: "nec felis. Sed varius turpis vitae pede. Lorem ipsum" |
| text run at (0,180) width 275: "dolor sit amet, consectetuer adipiscing elit." |
