| OLD | NEW |
| 1 layer at (0,0) size 800x600 | 1 layer at (0,0) size 800x600 |
| 2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
| 3 layer at (0,0) size 800x600 | 3 layer at (0,0) size 800x600 |
| 4 RenderBlock {HTML} at (0,0) size 800x600 | 4 RenderBlock {HTML} at (0,0) size 800x600 |
| 5 RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC] | 5 RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#CCCCCC] |
| 6 RenderBlock {P} at (0,0) size 784x16 | 6 RenderBlock {P} at (0,0) size 784x18 |
| 7 RenderText {#text} at (0,0) size 363x16 | 7 RenderText {#text} at (0,0) size 363x18 |
| 8 text run at (0,0) width 363: "The style declarations which apply to th
e text below are:" | 8 text run at (0,0) width 363: "The style declarations which apply to th
e text below are:" |
| 9 RenderBlock {PRE} at (0,32) size 784x65 | 9 RenderBlock {PRE} at (0,34) size 784x75 |
| 10 RenderText {#text} at (0,0) size 219x65 | 10 RenderText {#text} at (0,0) size 219x75 |
| 11 text run at (0,0) width 188: ".one {text-align: left;}" | 11 text run at (0,0) width 188: ".one {text-align: left;}" |
| 12 text run at (187,0) width 1: " " | 12 text run at (187,0) width 1: " " |
| 13 text run at (0,13) width 196: ".two {text-align: right;}" | 13 text run at (0,15) width 196: ".two {text-align: right;}" |
| 14 text run at (195,13) width 1: " " | 14 text run at (195,15) width 1: " " |
| 15 text run at (0,26) width 219: ".three {text-align: center;}" | 15 text run at (0,30) width 219: ".three {text-align: center;}" |
| 16 text run at (218,26) width 1: " " | 16 text run at (218,30) width 1: " " |
| 17 text run at (0,39) width 219: ".four {text-align: justify;}" | 17 text run at (0,45) width 219: ".four {text-align: justify;}" |
| 18 text run at (218,39) width 1: " " | 18 text run at (218,45) width 1: " " |
| 19 text run at (0,52) width 0: " " | 19 text run at (0,60) width 0: " " |
| 20 RenderBlock {HR} at (0,110) size 784x2 [border: (1px inset #EEEEEE)] | 20 RenderBlock {HR} at (0,122) size 784x2 [border: (1px inset #EEEEEE)] |
| 21 RenderBlock {P} at (0,128) size 784x16 | 21 RenderBlock {P} at (0,140) size 784x18 |
| 22 RenderText {#text} at (0,0) size 241x16 | 22 RenderText {#text} at (0,0) size 241x18 |
| 23 text run at (0,0) width 241: "This sentence should be left-justified." | 23 text run at (0,0) width 241: "This sentence should be left-justified." |
| 24 RenderBlock {P} at (0,160) size 784x16 | 24 RenderBlock {P} at (0,174) size 784x18 |
| 25 RenderText {#text} at (534,0) size 250x16 | 25 RenderText {#text} at (534,0) size 250x18 |
| 26 text run at (534,0) width 250: "This sentence should be right-justifie
d." | 26 text run at (534,0) width 250: "This sentence should be right-justifie
d." |
| 27 RenderBlock {P} at (0,192) size 784x16 | 27 RenderBlock {P} at (0,208) size 784x18 |
| 28 RenderText {#text} at (284,0) size 216x16 | 28 RenderText {#text} at (284,0) size 216x18 |
| 29 text run at (284,0) width 216: "This sentence should be centered." | 29 text run at (284,0) width 216: "This sentence should be centered." |
| 30 RenderBlock {P} at (0,224) size 784x48 | 30 RenderBlock {P} at (0,242) size 784x54 |
| 31 RenderText {#text} at (0,0) size 784x48 | 31 RenderText {#text} at (0,0) size 784x54 |
| 32 text run at (0,0) width 784: "This sentence should be fully justified,
which means that the right and left margins of this paragraph should line up, n
o" | 32 text run at (0,0) width 784: "This sentence should be fully justified,
which means that the right and left margins of this paragraph should line up, n
o" |
| 33 text run at (0,16) width 784: "matter how long the paragraph becomes;
the exception, of course, is the last line, which should be left-justified in We
stern" | 33 text run at (0,18) width 784: "matter how long the paragraph becomes;
the exception, of course, is the last line, which should be left-justified in We
stern" |
| 34 text run at (0,32) width 68: "languages." | 34 text run at (0,36) width 68: "languages." |
| 35 LayoutTable {TABLE} at (0,288) size 784x178 [border: (1px outset #808080)] | 35 LayoutTable {TABLE} at (0,312) size 784x192 [border: (1px outset #808080)] |
| 36 LayoutTableSection {TBODY} at (1,1) size 782x176 | 36 LayoutTableSection {TBODY} at (1,1) size 782x190 |
| 37 LayoutTableRow {TR} at (0,0) size 782x24 | 37 LayoutTableRow {TR} at (0,0) size 782x26 |
| 38 LayoutTableCell {TD} at (0,0) size 782x24 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=2] | 38 LayoutTableCell {TD} at (0,0) size 782x26 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=0 c=0 rs=1 cs=2] |
| 39 RenderInline {STRONG} at (0,0) size 163x16 | 39 RenderInline {STRONG} at (0,0) size 163x18 |
| 40 RenderText {#text} at (4,4) size 163x16 | 40 RenderText {#text} at (4,4) size 163x18 |
| 41 text run at (4,4) width 163: "TABLE Testing Section" | 41 text run at (4,4) width 163: "TABLE Testing Section" |
| 42 LayoutTableRow {TR} at (0,24) size 782x152 | 42 LayoutTableRow {TR} at (0,26) size 782x164 |
| 43 LayoutTableCell {TD} at (0,88) size 12x24 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=1 c=0 rs=1 cs=1] | 43 LayoutTableCell {TD} at (0,95) size 12x26 [bgcolor=#C0C0C0] [border:
(1px inset #808080)] [r=1 c=0 rs=1 cs=1] |
| 44 RenderText {#text} at (4,4) size 4x16 | 44 RenderText {#text} at (4,4) size 4x18 |
| 45 text run at (4,4) width 4: " " | 45 text run at (4,4) width 4: " " |
| 46 LayoutTableCell {TD} at (12,24) size 770x152 [border: (1px inset #80
8080)] [r=1 c=1 rs=1 cs=1] | 46 LayoutTableCell {TD} at (12,26) size 770x164 [border: (1px inset #80
8080)] [r=1 c=1 rs=1 cs=1] |
| 47 RenderBlock {P} at (4,4) size 762x16 | 47 RenderBlock {P} at (4,4) size 762x18 |
| 48 RenderText {#text} at (0,0) size 241x16 | 48 RenderText {#text} at (0,0) size 241x18 |
| 49 text run at (0,0) width 241: "This sentence should be left-jus
tified." | 49 text run at (0,0) width 241: "This sentence should be left-jus
tified." |
| 50 RenderBlock {P} at (4,36) size 762x16 | 50 RenderBlock {P} at (4,38) size 762x18 |
| 51 RenderText {#text} at (512,0) size 250x16 | 51 RenderText {#text} at (512,0) size 250x18 |
| 52 text run at (512,0) width 250: "This sentence should be right-
justified." | 52 text run at (512,0) width 250: "This sentence should be right-
justified." |
| 53 RenderBlock {P} at (4,68) size 762x16 | 53 RenderBlock {P} at (4,72) size 762x18 |
| 54 RenderText {#text} at (273,0) size 216x16 | 54 RenderText {#text} at (273,0) size 216x18 |
| 55 text run at (273,0) width 216: "This sentence should be center
ed." | 55 text run at (273,0) width 216: "This sentence should be center
ed." |
| 56 RenderBlock {P} at (4,100) size 762x48 | 56 RenderBlock {P} at (4,106) size 762x54 |
| 57 RenderText {#text} at (0,0) size 762x48 | 57 RenderText {#text} at (0,0) size 762x54 |
| 58 text run at (0,0) width 762: "This sentence should be fully ju
stified, which means that the right and left margins of this paragraph should li
ne up, no" | 58 text run at (0,0) width 762: "This sentence should be fully ju
stified, which means that the right and left margins of this paragraph should li
ne up, no" |
| 59 text run at (0,16) width 762: "matter how long the paragraph b
ecomes; the exception, of course, is the last line, which should be left-justifi
ed in" | 59 text run at (0,18) width 762: "matter how long the paragraph b
ecomes; the exception, of course, is the last line, which should be left-justifi
ed in" |
| 60 text run at (0,32) width 126: "Western languages." | 60 text run at (0,36) width 126: "Western languages." |
| OLD | NEW |