| 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 800x52 | 3 layer at (0,0) size 800x52 |
| 4 RenderBlock {HTML} at (0,0) size 800x52 | 4 RenderBlock {HTML} at (0,0) size 800x52 |
| 5 RenderBody {BODY} at (8,16) size 784x20 | 5 RenderBody {BODY} at (8,16) size 784x20 |
| 6 RenderBlock {P} at (0,0) size 784x20 | 6 RenderBlock {P} at (0,0) size 784x20 |
| 7 RenderInline {A} at (0,0) size 365x19 [color=#000080] | 7 RenderInline {A} at (0,0) size 365x19 [color=#000080] |
| 8 RenderText {#text} at (0,0) size 42x19 | 8 RenderText {#text} at (0,0) size 42x19 |
| 9 text run at (0,0) width 42: "Hover " | 9 text run at (0,0) width 42: "Hover " |
| 10 RenderInline {STRONG} at (0,0) size 30x19 | 10 RenderInline {STRONG} at (0,0) size 30x19 |
| 11 RenderText {#text} at (42,0) size 30x19 | 11 RenderText {#text} at (42,0) size 30x19 |
| 12 text run at (42,0) width 30: "here" | 12 text run at (42,0) width 30: "here" |
| 13 RenderText {#text} at (72,0) size 144x19 | 13 RenderText {#text} at (72,0) size 144x19 |
| 14 text run at (72,0) width 144: " and the background of " | 14 text run at (72,0) width 144: " and the background of " |
| 15 RenderInline {SPAN} at (0,0) size 145x19 | 15 RenderInline {SPAN} at (0,0) size 145x19 |
| 16 RenderText {#text} at (216,0) size 145x19 | 16 RenderText {#text} at (216,0) size 145x19 |
| 17 text run at (216,0) width 145: "this text should go green" | 17 text run at (216,0) width 145: "this text should go green" |
| 18 RenderText {#text} at (361,0) size 4x19 | 18 RenderText {#text} at (361,0) size 4x19 |
| 19 text run at (361,0) width 4: "." | 19 text run at (361,0) width 4: "." |
| OLD | NEW |