| 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 800x240 | 3 layer at (0,0) size 800x240 |
| 4 RenderBlock {HTML} at (0,0) size 800x240 | 4 RenderBlock {HTML} at (0,0) size 800x240 |
| 5 RenderBody {BODY} at (8,16) size 784x216 [color=#000080] | 5 RenderBody {BODY} at (8,16) size 784x216 [color=#000080] |
| 6 RenderBlock {P} at (0,0) size 784x20 | 6 RenderBlock {P} at (0,0) size 784x20 |
| 7 RenderText {#text} at (0,0) size 271x19 | 7 RenderText {#text} at (0,0) size 271x19 |
| 8 text run at (0,0) width 271: "The five \"matches\" below should be ide
ntical " | 8 text run at (0,0) width 271: "The five \"matches\" below should be ide
ntical " |
| 9 RenderInline {STRONG} at (0,0) size 126x19 | 9 RenderInline {STRONG} at (0,0) size 126x19 |
| 10 RenderText {#text} at (271,0) size 126x19 | 10 RenderText {#text} at (271,0) size 126x19 |
| 11 text run at (271,0) width 126: "and equally spaced" | 11 text run at (271,0) width 126: "and equally spaced" |
| 12 RenderText {#text} at (397,0) size 4x19 | 12 RenderText {#text} at (397,0) size 4x19 |
| 13 text run at (397,0) width 4: "." | 13 text run at (397,0) width 4: "." |
| 14 RenderBlock {DIV} at (0,36) size 200x180 [color=#FFA500] | 14 RenderBlock {DIV} at (0,36) size 200x180 [color=#FFA500] |
| 15 RenderBlock {P} at (0,0) size 200x10 [bgcolor=#A52A2A] | 15 RenderBlock {P} at (0,0) size 200x10 [bgcolor=#A52A2A] |
| 16 RenderImage {IMG} at (0,0) size 24x10 | 16 LayoutImage {IMG} at (0,0) size 24x10 |
| 17 RenderText {#text} at (24,0) size 10x10 | 17 RenderText {#text} at (24,0) size 10x10 |
| 18 text run at (24,0) width 10: "x" | 18 text run at (24,0) width 10: "x" |
| 19 RenderImage {IMG} at (34,0) size 142x10 | 19 LayoutImage {IMG} at (34,0) size 142x10 |
| 20 RenderImage {IMG} at (176,0) size 24x10 | 20 LayoutImage {IMG} at (176,0) size 24x10 |
| 21 RenderText {#text} at (0,0) size 0x0 | 21 RenderText {#text} at (0,0) size 0x0 |
| 22 RenderBlock {P} at (24,34) size 152x10 [bgcolor=#A52A2A] | 22 RenderBlock {P} at (24,34) size 152x10 [bgcolor=#A52A2A] |
| 23 RenderText {#text} at (0,0) size 10x10 | 23 RenderText {#text} at (0,0) size 10x10 |
| 24 text run at (0,0) width 10: "x" | 24 text run at (0,0) width 10: "x" |
| 25 RenderBlock {P} at (24,68) size 152x10 [bgcolor=#A52A2A] | 25 RenderBlock {P} at (24,68) size 152x10 [bgcolor=#A52A2A] |
| 26 RenderText {#text} at (0,0) size 10x10 | 26 RenderText {#text} at (0,0) size 10x10 |
| 27 text run at (0,0) width 10: "x" | 27 text run at (0,0) width 10: "x" |
| 28 RenderBlock {P} at (24,102) size 152x10 [bgcolor=#A52A2A] | 28 RenderBlock {P} at (24,102) size 152x10 [bgcolor=#A52A2A] |
| 29 RenderText {#text} at (0,0) size 10x10 | 29 RenderText {#text} at (0,0) size 10x10 |
| 30 text run at (0,0) width 10: "x" | 30 text run at (0,0) width 10: "x" |
| 31 RenderBlock {P} at (24,136) size 152x10 [bgcolor=#A52A2A] | 31 RenderBlock {P} at (24,136) size 152x10 [bgcolor=#A52A2A] |
| 32 RenderText {#text} at (0,0) size 10x10 | 32 RenderText {#text} at (0,0) size 10x10 |
| 33 text run at (0,0) width 10: "x" | 33 text run at (0,0) width 10: "x" |
| 34 RenderBlock {P} at (0,170) size 200x10 [bgcolor=#A52A2A] | 34 RenderBlock {P} at (0,170) size 200x10 [bgcolor=#A52A2A] |
| 35 RenderImage {IMG} at (0,0) size 24x10 | 35 LayoutImage {IMG} at (0,0) size 24x10 |
| 36 RenderText {#text} at (24,0) size 10x10 | 36 RenderText {#text} at (24,0) size 10x10 |
| 37 text run at (24,0) width 10: "x" | 37 text run at (24,0) width 10: "x" |
| 38 RenderImage {IMG} at (34,0) size 142x10 | 38 LayoutImage {IMG} at (34,0) size 142x10 |
| 39 RenderImage {IMG} at (176,0) size 24x10 | 39 LayoutImage {IMG} at (176,0) size 24x10 |
| 40 RenderText {#text} at (0,0) size 0x0 | 40 RenderText {#text} at (0,0) size 0x0 |
| OLD | NEW |