| 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 800x120 | 3 layer at (0,0) size 800x120 |
| 4 RenderBlock {HTML} at (0,0) size 800x120 | 4 RenderBlock {HTML} at (0,0) size 800x120 |
| 5 RenderBody {BODY} at (8,16) size 784x96 | 5 RenderBody {BODY} at (8,16) size 784x96 |
| 6 RenderBlock {P} at (0,0) size 784x20 | 6 RenderBlock {P} at (0,0) size 784x20 |
| 7 RenderText {#text} at (0,0) size 213x19 | 7 RenderText {#text} at (0,0) size 213x19 |
| 8 text run at (0,0) width 213: "There should be a green bar below:" | 8 text run at (0,0) width 213: "There should be a green bar below:" |
| 9 RenderBlock {DIV} at (0,36) size 120x60 [color=#FFFFFF] | 9 RenderBlock {DIV} at (0,36) size 120x60 [color=#FFFFFF] |
| 10 RenderText {#text} at (0,0) size 100x20 | 10 RenderText {#text} at (0,0) size 100x20 |
| 11 text run at (0,0) width 100: "xx xx" | 11 text run at (0,0) width 100: "xx xx" |
| 12 RenderInline {SPAN} at (0,0) size 40x20 [color=#008000] | 12 RenderInline {SPAN} at (0,0) size 40x20 [color=#008000] |
| 13 RenderText {#text} at (0,20) size 40x20 | 13 RenderText {#text} at (0,20) size 40x20 |
| 14 text run at (0,20) width 40: "xx" | 14 text run at (0,20) width 40: "xx" |
| 15 RenderText {#text} at (40,20) size 60x20 | 15 RenderText {#text} at (40,20) size 60x20 |
| 16 text run at (40,20) width 60: " xx" | 16 text run at (40,20) width 60: " xx" |
| 17 RenderInline {SPAN} at (0,0) size 40x20 [bgcolor=#FF0000] | 17 RenderInline {SPAN} at (0,0) size 40x20 [bgcolor=#FF0000] |
| 18 RenderText {#text} at (0,40) size 40x20 | 18 RenderText {#text} at (0,40) size 40x20 |
| 19 text run at (0,40) width 40: "xx" | 19 text run at (0,40) width 40: "xx" |
| 20 RenderText {#text} at (40,40) size 60x20 | 20 RenderText {#text} at (40,40) size 60x20 |
| 21 text run at (40,40) width 60: " xx" | 21 text run at (40,40) width 60: " xx" |
| OLD | NEW |