| OLD | NEW |
| (Empty) |
| 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 2909 | |
| 2 LayoutView at (0,0) size 800x600 | |
| 3 layer at (0,0) size 785x2909 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 | |
| 4 LayoutBlockFlow {HTML} at (0,0) size 785x2908.88 | |
| 5 LayoutBlockFlow {BODY} at (8,16) size 769x2876.88 | |
| 6 layer at (8,16) size 760x437 | |
| 7 LayoutBlockFlow {DIV} at (0,0) size 760x436.81 [border: (5px solid #800000)] | |
| 8 LayoutBlockFlow (anonymous multi-column span) at (5,25) size 750x66.81 | |
| 9 LayoutBlockFlow {H2} at (0,19.91) size 750x27 [bgcolor=#EEEEEE] | |
| 10 LayoutText {#text} at (0,0) size 274x26 | |
| 11 text run at (0,0) width 274: "This is a spanning element." | |
| 12 layer at (13,21) size 750x20 | |
| 13 LayoutBlockFlow (anonymous multi-column) at (5,5) size 750x20 | |
| 14 LayoutBlockFlow {<pseudo:before>} at (0,0) size 367x20 [bgcolor=#FFFF00] | |
| 15 LayoutTextFragment at (0,0) size 160x19 | |
| 16 text run at (0,0) width 160: "Before Generated Content" | |
| 17 layer at (13,108) size 750x340 | |
| 18 LayoutBlockFlow (anonymous multi-column) at (5,91.81) size 750x340 | |
| 19 LayoutBlockFlow (anonymous) at (0,0) size 367x640 | |
| 20 LayoutText {#text} at (0,0) size 367x639 | |
| 21 text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer a
dipiscing elit." | |
| 22 text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollic
itudin felis quis lectus." | |
| 23 text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nul
la purus, vulputate" | |
| 24 text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vit
ae felis vel orci sagittis" | |
| 25 text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. N
am nonummy enim." | |
| 26 text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
| 27 text run at (0,120) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
| 28 text run at (0,140) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
| 29 text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
| 30 text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
| 31 text run at (0,200) width 25: "elit. " | |
| 32 text run at (25,200) width 337: "Lorem ipsum dolor sit amet, consectetue
r adipiscing elit." | |
| 33 text run at (0,220) width 367: "Nulla varius enim ac mi. Curabitur solli
citudin felis quis lectus." | |
| 34 text run at (0,240) width 362: "Quisque adipiscing rhoncus sem. Proin nu
lla purus, vulputate" | |
| 35 text run at (0,260) width 358: "vel, varius ut, euismod et, nisi. Sed vi
tae felis vel orci sagittis" | |
| 36 text run at (0,280) width 365: "aliquam. Cras convallis adipiscing sem.
Nam nonummy enim." | |
| 37 text run at (0,300) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
| 38 text run at (0,320) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
| 39 text run at (0,340) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
| 40 text run at (0,360) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
| 41 text run at (0,380) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
| 42 text run at (0,400) width 25: "elit. " | |
| 43 text run at (25,400) width 337: "Lorem ipsum dolor sit amet, consectetue
r adipiscing elit." | |
| 44 text run at (0,420) width 367: "Nulla varius enim ac mi. Curabitur solli
citudin felis quis lectus." | |
| 45 text run at (0,440) width 362: "Quisque adipiscing rhoncus sem. Proin nu
lla purus, vulputate" | |
| 46 text run at (0,460) width 358: "vel, varius ut, euismod et, nisi. Sed vi
tae felis vel orci sagittis" | |
| 47 text run at (0,480) width 365: "aliquam. Cras convallis adipiscing sem.
Nam nonummy enim." | |
| 48 text run at (0,500) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
| 49 text run at (0,520) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
| 50 text run at (0,540) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
| 51 text run at (0,560) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
| 52 text run at (0,580) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
| 53 text run at (0,600) width 25: "elit. " | |
| 54 text run at (25,600) width 337: "Lorem ipsum dolor sit amet, consectetue
r adipiscing elit." | |
| 55 text run at (0,620) width 143: "Nulla varius enim ac mi." | |
| 56 LayoutBlockFlow {<pseudo:after>} at (0,640) size 367x20 [bgcolor=#FFFF00] | |
| 57 LayoutTextFragment at (0,0) size 150x19 | |
| 58 text run at (0,0) width 150: "After Generated Content" | |
| 59 layer at (8,469) size 760x437 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 | |
| 60 LayoutBlockFlow {DIV} at (0,452.81) size 760x436.81 [border: (5px solid #80000
0)] | |
| 61 LayoutBlockFlow (anonymous multi-column span) at (5,345) size 750x66.81 | |
| 62 LayoutBlockFlow {H2} at (0,19.91) size 750x27 [bgcolor=#EEEEEE] | |
| 63 LayoutText {#text} at (0,0) size 274x26 | |
| 64 text run at (0,0) width 274: "This is a spanning element." | |
| 65 layer at (13,474) size 750x340 backgroundClip at (0,0) size 785x600 clip at (0,0
) size 785x600 outlineClip at (0,0) size 785x600 | |
| 66 LayoutBlockFlow (anonymous multi-column) at (5,5) size 750x340 | |
| 67 LayoutBlockFlow {<pseudo:before>} at (0,0) size 367x20 [bgcolor=#FFFF00] | |
| 68 LayoutTextFragment at (0,0) size 160x19 | |
| 69 text run at (0,0) width 160: "Before Generated Content" | |
| 70 LayoutBlockFlow (anonymous) at (0,20) size 367x640 | |
| 71 LayoutText {#text} at (0,0) size 367x639 | |
| 72 text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer a
dipiscing elit." | |
| 73 text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollic
itudin felis quis lectus." | |
| 74 text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nul
la purus, vulputate" | |
| 75 text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vit
ae felis vel orci sagittis" | |
| 76 text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. N
am nonummy enim." | |
| 77 text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
| 78 text run at (0,120) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
| 79 text run at (0,140) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
| 80 text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
| 81 text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
| 82 text run at (0,200) width 25: "elit. " | |
| 83 text run at (25,200) width 337: "Lorem ipsum dolor sit amet, consectetue
r adipiscing elit." | |
| 84 text run at (0,220) width 367: "Nulla varius enim ac mi. Curabitur solli
citudin felis quis lectus." | |
| 85 text run at (0,240) width 362: "Quisque adipiscing rhoncus sem. Proin nu
lla purus, vulputate" | |
| 86 text run at (0,260) width 358: "vel, varius ut, euismod et, nisi. Sed vi
tae felis vel orci sagittis" | |
| 87 text run at (0,280) width 365: "aliquam. Cras convallis adipiscing sem.
Nam nonummy enim." | |
| 88 text run at (0,300) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
| 89 text run at (0,320) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
| 90 text run at (0,340) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
| 91 text run at (0,360) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
| 92 text run at (0,380) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
| 93 text run at (0,400) width 25: "elit. " | |
| 94 text run at (25,400) width 337: "Lorem ipsum dolor sit amet, consectetue
r adipiscing elit." | |
| 95 text run at (0,420) width 367: "Nulla varius enim ac mi. Curabitur solli
citudin felis quis lectus." | |
| 96 text run at (0,440) width 362: "Quisque adipiscing rhoncus sem. Proin nu
lla purus, vulputate" | |
| 97 text run at (0,460) width 358: "vel, varius ut, euismod et, nisi. Sed vi
tae felis vel orci sagittis" | |
| 98 text run at (0,480) width 365: "aliquam. Cras convallis adipiscing sem.
Nam nonummy enim." | |
| 99 text run at (0,500) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
| 100 text run at (0,520) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
| 101 text run at (0,540) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
| 102 text run at (0,560) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
| 103 text run at (0,580) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
| 104 text run at (0,600) width 25: "elit. " | |
| 105 text run at (25,600) width 337: "Lorem ipsum dolor sit amet, consectetue
r adipiscing elit." | |
| 106 text run at (0,620) width 143: "Nulla varius enim ac mi." | |
| 107 layer at (13,881) size 750x20 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 | |
| 108 LayoutBlockFlow (anonymous multi-column) at (5,411.81) size 750x20 | |
| 109 LayoutBlockFlow {<pseudo:after>} at (0,0) size 367x20 [bgcolor=#FFFF00] | |
| 110 LayoutTextFragment at (0,0) size 150x19 | |
| 111 text run at (0,0) width 150: "After Generated Content" | |
| 112 layer at (8,922) size 760x468 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 | |
| 113 LayoutBlockFlow {DIV} at (0,905.63) size 760x468.81 [border: (5px solid #80000
0)] | |
| 114 LayoutBlockFlow (anonymous multi-column span) at (5,161) size 750x66.81 | |
| 115 LayoutBlockFlow {H2} at (0,19.91) size 750x27 [bgcolor=#EEEEEE] | |
| 116 LayoutText {#text} at (0,0) size 274x26 | |
| 117 text run at (0,0) width 274: "This is a spanning element." | |
| 118 layer at (13,927) size 750x156 backgroundClip at (0,0) size 785x600 clip at (0,0
) size 785x600 outlineClip at (0,0) size 785x600 | |
| 119 LayoutBlockFlow (anonymous multi-column) at (5,5) size 750x156 | |
| 120 LayoutBlockFlow {<pseudo:before>} at (0,0) size 367x20 [bgcolor=#FFFF00] | |
| 121 LayoutTextFragment at (0,0) size 160x19 | |
| 122 text run at (0,0) width 160: "Before Generated Content" | |
| 123 LayoutBlockFlow {P} at (0,36) size 367x240 | |
| 124 LayoutText {#text} at (0,0) size 367x239 | |
| 125 text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer a
dipiscing elit." | |
| 126 text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollic
itudin felis quis lectus." | |
| 127 text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nul
la purus, vulputate" | |
| 128 text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vit
ae felis vel orci sagittis" | |
| 129 text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. N
am nonummy enim." | |
| 130 text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
| 131 text run at (0,120) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
| 132 text run at (0,140) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
| 133 text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
| 134 text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
| 135 text run at (0,200) width 25: "elit. " | |
| 136 text run at (25,200) width 337: "Lorem ipsum dolor sit amet, consectetue
r adipiscing elit." | |
| 137 text run at (0,220) width 143: "Nulla varius enim ac mi." | |
| 138 layer at (13,1149) size 750x236 backgroundClip at (0,0) size 785x600 clip at (0,
0) size 785x600 outlineClip at (0,0) size 785x600 | |
| 139 LayoutBlockFlow (anonymous multi-column) at (5,227.81) size 750x236 | |
| 140 LayoutBlockFlow {P} at (0,16) size 367x420 | |
| 141 LayoutText {#text} at (0,0) size 367x419 | |
| 142 text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer a
dipiscing elit." | |
| 143 text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollic
itudin felis quis lectus." | |
| 144 text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nul
la purus, vulputate" | |
| 145 text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vit
ae felis vel orci sagittis" | |
| 146 text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. N
am nonummy enim." | |
| 147 text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
| 148 text run at (0,120) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
| 149 text run at (0,140) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
| 150 text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
| 151 text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
| 152 text run at (0,200) width 25: "elit. " | |
| 153 text run at (25,200) width 337: "Lorem ipsum dolor sit amet, consectetue
r adipiscing elit." | |
| 154 text run at (0,220) width 367: "Nulla varius enim ac mi. Curabitur solli
citudin felis quis lectus." | |
| 155 text run at (0,240) width 362: "Quisque adipiscing rhoncus sem. Proin nu
lla purus, vulputate" | |
| 156 text run at (0,260) width 358: "vel, varius ut, euismod et, nisi. Sed vi
tae felis vel orci sagittis" | |
| 157 text run at (0,280) width 365: "aliquam. Cras convallis adipiscing sem.
Nam nonummy enim." | |
| 158 text run at (0,300) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
| 159 text run at (0,320) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
| 160 text run at (0,340) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
| 161 text run at (0,360) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
| 162 text run at (0,380) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
| 163 text run at (0,400) width 21: "elit." | |
| 164 LayoutBlockFlow {<pseudo:after>} at (0,452) size 367x20 [bgcolor=#FFFF00] | |
| 165 LayoutTextFragment at (0,0) size 150x19 | |
| 166 text run at (0,0) width 150: "After Generated Content" | |
| 167 layer at (8,1406) size 760x473 backgroundClip at (0,0) size 785x600 clip at (0,0
) size 785x600 outlineClip at (0,0) size 785x600 | |
| 168 LayoutBlockFlow {DIV} at (0,1390.44) size 760x472.81 [border: (5px solid #8000
00)] | |
| 169 LayoutBlockFlow (anonymous multi-column span) at (5,145) size 750x66.81 | |
| 170 LayoutBlockFlow {H2} at (0,19.91) size 750x27 [bgcolor=#EEEEEE] | |
| 171 LayoutText {#text} at (0,0) size 274x26 | |
| 172 text run at (0,0) width 274: "This is a spanning element." | |
| 173 layer at (13,1411) size 750x140 backgroundClip at (0,0) size 785x600 clip at (0,
0) size 785x600 outlineClip at (0,0) size 785x600 | |
| 174 LayoutBlockFlow (anonymous multi-column) at (5,5) size 750x140 | |
| 175 LayoutBlockFlow {<pseudo:before>} at (0,0) size 367x20 [bgcolor=#FFFF00] | |
| 176 LayoutTextFragment at (0,0) size 160x19 | |
| 177 text run at (0,0) width 160: "Before Generated Content" | |
| 178 LayoutBlockFlow (anonymous) at (0,20) size 367x240 | |
| 179 LayoutText {#text} at (0,0) size 367x239 | |
| 180 text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer a
dipiscing elit." | |
| 181 text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollic
itudin felis quis lectus." | |
| 182 text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nul
la purus, vulputate" | |
| 183 text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vit
ae felis vel orci sagittis" | |
| 184 text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. N
am nonummy enim." | |
| 185 text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
| 186 text run at (0,120) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
| 187 text run at (0,140) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
| 188 text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
| 189 text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
| 190 text run at (0,200) width 25: "elit. " | |
| 191 text run at (25,200) width 337: "Lorem ipsum dolor sit amet, consectetue
r adipiscing elit." | |
| 192 text run at (0,220) width 143: "Nulla varius enim ac mi." | |
| 193 layer at (13,1618) size 750x256 backgroundClip at (0,0) size 785x600 clip at (0,
0) size 785x600 outlineClip at (0,0) size 785x600 | |
| 194 LayoutBlockFlow (anonymous multi-column) at (5,211.81) size 750x256 | |
| 195 LayoutBlockFlow (anonymous) at (0,0) size 367x220 | |
| 196 LayoutInline {SPAN} at (0,0) size 40x19 | |
| 197 LayoutText {#text} at (0,0) size 40x19 | |
| 198 text run at (0,0) width 40: "Lorem" | |
| 199 LayoutText {#text} at (40,0) size 367x219 | |
| 200 text run at (40,0) width 297: " ipsum dolor sit amet, consectetuer adipi
scing elit." | |
| 201 text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollic
itudin felis quis lectus." | |
| 202 text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nul
la purus, vulputate" | |
| 203 text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vit
ae felis vel orci sagittis" | |
| 204 text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. N
am nonummy enim." | |
| 205 text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
| 206 text run at (0,120) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
| 207 text run at (0,140) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
| 208 text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
| 209 text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
| 210 text run at (0,200) width 21: "elit." | |
| 211 LayoutBlockFlow {P} at (0,236) size 367x220 | |
| 212 LayoutText {#text} at (0,0) size 367x219 | |
| 213 text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer a
dipiscing elit." | |
| 214 text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollic
itudin felis quis lectus." | |
| 215 text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nul
la purus, vulputate" | |
| 216 text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vit
ae felis vel orci sagittis" | |
| 217 text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. N
am nonummy enim." | |
| 218 text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
| 219 text run at (0,120) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
| 220 text run at (0,140) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
| 221 text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
| 222 text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
| 223 text run at (0,200) width 21: "elit." | |
| 224 LayoutBlockFlow {<pseudo:after>} at (0,472) size 367x20 [bgcolor=#FFFF00] | |
| 225 LayoutTextFragment at (0,0) size 150x19 | |
| 226 text run at (0,0) width 150: "After Generated Content" | |
| 227 layer at (8,1895) size 760x473 backgroundClip at (0,0) size 785x600 clip at (0,0
) size 785x600 outlineClip at (0,0) size 785x600 | |
| 228 LayoutBlockFlow {DIV} at (0,1879.25) size 760x472.81 [border: (5px solid #8000
00)] | |
| 229 LayoutBlockFlow (anonymous multi-column span) at (5,265) size 750x66.81 | |
| 230 LayoutBlockFlow {H2} at (0,19.91) size 750x27 [bgcolor=#EEEEEE] | |
| 231 LayoutText {#text} at (0,0) size 274x26 | |
| 232 text run at (0,0) width 274: "This is a spanning element." | |
| 233 layer at (13,1900) size 750x260 backgroundClip at (0,0) size 785x600 clip at (0,
0) size 785x600 outlineClip at (0,0) size 785x600 | |
| 234 LayoutBlockFlow (anonymous multi-column) at (5,5) size 750x260 | |
| 235 LayoutBlockFlow {<pseudo:before>} at (0,0) size 367x20 [bgcolor=#FFFF00] | |
| 236 LayoutTextFragment at (0,0) size 160x19 | |
| 237 text run at (0,0) width 160: "Before Generated Content" | |
| 238 LayoutBlockFlow (anonymous) at (0,20) size 367x220 | |
| 239 LayoutInline {SPAN} at (0,0) size 367x219 | |
| 240 LayoutText {#text} at (0,0) size 367x219 | |
| 241 text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer
adipiscing elit." | |
| 242 text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur soll
icitudin felis quis lectus." | |
| 243 text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin n
ulla purus, vulputate" | |
| 244 text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed v
itae felis vel orci sagittis" | |
| 245 text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem.
Nam nonummy enim." | |
| 246 text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestib
ulum velit orci," | |
| 247 text run at (0,120) width 309: "tempus euismod, pretium quis, interdum
vitae, nulla." | |
| 248 text run at (0,140) width 321: "Phasellus eget ante et tortor condimen
tum vestibulum." | |
| 249 text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis.
Sed varius turpis vitae" | |
| 250 text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, cons
ectetuer adipiscing" | |
| 251 text run at (0,200) width 21: "elit." | |
| 252 LayoutBlockFlow (anonymous) at (0,240) size 367x40 | |
| 253 LayoutBlockFlow {SPAN} at (0,0) size 367x40 | |
| 254 LayoutText {#text} at (0,0) size 337x39 | |
| 255 text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer
adipiscing elit." | |
| 256 text run at (0,20) width 143: "Nulla varius enim ac mi." | |
| 257 LayoutBlockFlow (anonymous) at (0,280) size 367x220 | |
| 258 LayoutInline {SPAN} at (0,0) size 40x19 | |
| 259 LayoutText {#text} at (0,0) size 40x19 | |
| 260 text run at (0,0) width 40: "Lorem" | |
| 261 LayoutText {#text} at (40,0) size 367x219 | |
| 262 text run at (40,0) width 297: " ipsum dolor sit amet, consectetuer adipi
scing elit." | |
| 263 text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollic
itudin felis quis lectus." | |
| 264 text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nul
la purus, vulputate" | |
| 265 text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vit
ae felis vel orci sagittis" | |
| 266 text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. N
am nonummy enim." | |
| 267 text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
| 268 text run at (0,120) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
| 269 text run at (0,140) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
| 270 text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
| 271 text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
| 272 text run at (0,200) width 21: "elit." | |
| 273 layer at (13,2227) size 750x136 backgroundClip at (0,0) size 785x600 clip at (0,
0) size 785x600 outlineClip at (0,0) size 785x600 | |
| 274 LayoutBlockFlow (anonymous multi-column) at (5,331.81) size 750x136 | |
| 275 LayoutBlockFlow {P} at (0,16) size 367x220 | |
| 276 LayoutText {#text} at (0,0) size 367x219 | |
| 277 text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer a
dipiscing elit." | |
| 278 text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollic
itudin felis quis lectus." | |
| 279 text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nul
la purus, vulputate" | |
| 280 text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vit
ae felis vel orci sagittis" | |
| 281 text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. N
am nonummy enim." | |
| 282 text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
| 283 text run at (0,120) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
| 284 text run at (0,140) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
| 285 text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
| 286 text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
| 287 text run at (0,200) width 21: "elit." | |
| 288 LayoutBlockFlow {<pseudo:after>} at (0,252) size 367x20 [bgcolor=#FFFF00] | |
| 289 LayoutTextFragment at (0,0) size 150x19 | |
| 290 text run at (0,0) width 150: "After Generated Content" | |
| 291 layer at (8,2384) size 760x509 backgroundClip at (0,0) size 785x600 clip at (0,0
) size 785x600 outlineClip at (0,0) size 785x600 | |
| 292 LayoutBlockFlow {DIV} at (0,2368.06) size 760x508.81 [border: (5px solid #8000
00)] | |
| 293 LayoutBlockFlow (anonymous multi-column span) at (5,297) size 750x66.81 | |
| 294 LayoutBlockFlow {H2} at (0,19.91) size 750x27 [bgcolor=#EEEEEE] | |
| 295 LayoutText {#text} at (0,0) size 274x26 | |
| 296 text run at (0,0) width 274: "This is a spanning element." | |
| 297 LayoutBlockFlow (anonymous) at (5,383.81) size 750x20 | |
| 298 LayoutBlockFlow {SPAN} at (0,0) size 750x20 | |
| 299 LayoutText {#text} at (0,0) size 143x19 | |
| 300 text run at (0,0) width 143: "Nulla varius enim ac mi." | |
| 301 layer at (13,2389) size 750x292 backgroundClip at (0,0) size 785x600 clip at (0,
0) size 785x600 outlineClip at (0,0) size 785x600 | |
| 302 LayoutBlockFlow (anonymous multi-column) at (5,5) size 750x292 | |
| 303 LayoutBlockFlow {<pseudo:before>} at (0,0) size 367x20 [bgcolor=#FFFF00] | |
| 304 LayoutTextFragment at (0,0) size 160x19 | |
| 305 text run at (0,0) width 160: "Before Generated Content" | |
| 306 LayoutBlockFlow {P} at (0,36) size 367x220 | |
| 307 LayoutText {#text} at (0,0) size 367x219 | |
| 308 text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer a
dipiscing elit." | |
| 309 text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollic
itudin felis quis lectus." | |
| 310 text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nul
la purus, vulputate" | |
| 311 text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vit
ae felis vel orci sagittis" | |
| 312 text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. N
am nonummy enim." | |
| 313 text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
| 314 text run at (0,120) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
| 315 text run at (0,140) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
| 316 text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
| 317 text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
| 318 text run at (0,200) width 21: "elit." | |
| 319 LayoutBlockFlow {P} at (0,272) size 367x40 | |
| 320 LayoutText {#text} at (0,0) size 337x39 | |
| 321 text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer a
dipiscing elit." | |
| 322 text run at (0,20) width 143: "Nulla varius enim ac mi." | |
| 323 LayoutBlockFlow {P} at (0,328) size 367x220 | |
| 324 LayoutText {#text} at (0,0) size 367x219 | |
| 325 text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer a
dipiscing elit." | |
| 326 text run at (0,20) width 367: "Nulla varius enim ac mi. Curabitur sollic
itudin felis quis lectus." | |
| 327 text run at (0,40) width 362: "Quisque adipiscing rhoncus sem. Proin nul
la purus, vulputate" | |
| 328 text run at (0,60) width 358: "vel, varius ut, euismod et, nisi. Sed vit
ae felis vel orci sagittis" | |
| 329 text run at (0,80) width 365: "aliquam. Cras convallis adipiscing sem. N
am nonummy enim." | |
| 330 text run at (0,100) width 329: "Nullam bibendum lobortis neque. Vestibul
um velit orci," | |
| 331 text run at (0,120) width 309: "tempus euismod, pretium quis, interdum v
itae, nulla." | |
| 332 text run at (0,140) width 321: "Phasellus eget ante et tortor condimentu
m vestibulum." | |
| 333 text run at (0,160) width 360: "Suspendisse hendrerit quam nec felis. Se
d varius turpis vitae" | |
| 334 text run at (0,180) width 350: "pede. Lorem ipsum dolor sit amet, consec
tetuer adipiscing" | |
| 335 text run at (0,200) width 21: "elit." | |
| 336 layer at (13,2748) size 750x20 backgroundClip at (0,0) size 785x600 clip at (0,0
) size 785x600 outlineClip at (0,0) size 785x600 | |
| 337 LayoutBlockFlow (anonymous multi-column) at (5,363.81) size 750x20 | |
| 338 LayoutInline {SPAN} at (0,0) size 337x19 | |
| 339 LayoutText {#text} at (0,0) size 337x19 | |
| 340 text run at (0,0) width 337: "Lorem ipsum dolor sit amet, consectetuer a
dipiscing elit." | |
| 341 layer at (13,2788) size 750x100 backgroundClip at (0,0) size 785x600 clip at (0,
0) size 785x600 outlineClip at (0,0) size 785x600 | |
| 342 LayoutBlockFlow (anonymous multi-column) at (5,403.81) size 750x100 | |
| 343 LayoutBlockFlow (anonymous) at (0,0) size 367x180 | |
| 344 LayoutInline {SPAN} at (0,0) size 364x179 | |
| 345 LayoutText {#text} at (0,0) size 364x179 | |
| 346 text run at (0,0) width 337: "Curabitur sollicitudin felis quis lectus
. Quisque adipiscing" | |
| 347 text run at (0,20) width 328: "rhoncus sem. Proin nulla purus, vulputa
te vel, varius ut," | |
| 348 text run at (0,40) width 362: "euismod et, nisi. Sed vitae felis vel o
rci sagittis aliquam. Cras" | |
| 349 text run at (0,60) width 325: "convallis adipiscing sem. Nam nonummy e
nim. Nullam" | |
| 350 text run at (0,80) width 329: "bibendum lobortis neque. Vestibulum vel
it orci, tempus" | |
| 351 text run at (0,100) width 350: "euismod, pretium quis, interdum vitae,
nulla. Phasellus eget" | |
| 352 text run at (0,120) width 311: "ante et tortor condimentum vestibulum.
Suspendisse" | |
| 353 text run at (0,140) width 364: "hendrerit quam nec felis. Sed varius t
urpis vitae pede. Lorem" | |
| 354 text run at (0,160) width 293: "ipsum dolor sit amet, consectetuer adi
piscing elit." | |
| 355 LayoutText {#text} at (0,0) size 0x0 | |
| 356 LayoutBlockFlow {<pseudo:after>} at (0,180) size 367x20 [bgcolor=#FFFF00] | |
| 357 LayoutTextFragment at (0,0) size 150x19 | |
| 358 text run at (0,0) width 150: "After Generated Content" | |
| OLD | NEW |