| 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 | 5 RenderBody {BODY} at (8,8) size 784x584 |
| 6 layer at (8,8) size 138x98 clip at (18,18) size 118x78 | 6 layer at (8,8) size 138x98 clip at (18,18) size 118x78 |
| 7 RenderBlock (floating) {DIV} at (0,0) size 138x98 [border: (10px solid #FF0000
)] | 7 RenderBlock (floating) {DIV} at (0,0) size 138x98 [border: (10px solid #FF0000
)] |
| 8 RenderImage {IMG} at (10,10) size 86x66 | 8 RenderBlock (floating) {IMG} at (10,10) size 86x66 |
| 9 RenderBlock {DIV} at (10,10) size 118x12 | 9 RenderBlock {DIV} at (10,10) size 118x12 |
| 10 RenderText {#text} at (92,0) size 5x12 | 10 RenderText {#text} at (92,0) size 5x12 |
| 11 text run at (92,0) width 5: "x" | 11 text run at (92,0) width 5: "x" |
| 12 RenderBlock {DIV} at (10,22) size 118x66 | 12 RenderBlock {DIV} at (10,22) size 118x66 |
| 13 RenderText {#text} at (92,0) size 108x66 | 13 RenderText {#text} at (92,0) size 108x66 |
| 14 text run at (92,0) width 16: "Ted" | 14 text run at (92,0) width 16: "Ted" |
| 15 text run at (92,12) width 14: "and" | 15 text run at (92,12) width 14: "and" |
| 16 text run at (92,24) width 12: "the" | 16 text run at (92,24) width 12: "the" |
| 17 text run at (0,54) width 67: "miniature Teddy" | 17 text run at (0,54) width 67: "miniature Teddy" |
| 18 layer at (18,18) size 86x66 clip at (19,19) size 84x64 |
| 19 RenderBlock {DIV} at (0,0) size 86x66 [border: (1px solid #C0C0C0)] |
| 20 layer at (20,20) size 82x0 |
| 21 RenderBlock {DIV} at (2,2) size 82x0 |
| OLD | NEW |