| 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 RenderBlock {DIV} at (0,0) size 784x59 [border: (2px solid #FF0000)] | 6 RenderBlock {DIV} at (0,0) size 784x59 [border: (2px solid #FF0000)] |
| 7 RenderText {#text} at (2,37) size 147x19 | 7 RenderText {#text} at (2,37) size 147x19 |
| 8 text run at (2,37) width 147: "This image has a margin " | 8 text run at (2,37) width 147: "This image has a margin " |
| 9 RenderImage {IMG} at (199,2) size 50x50 [bgcolor=#008000] | 9 LayoutImage {IMG} at (199,2) size 50x50 [bgcolor=#008000] |
| 10 RenderText {#text} at (299,37) size 34x19 | 10 RenderText {#text} at (299,37) size 34x19 |
| 11 text run at (299,37) width 34: " on it." | 11 text run at (299,37) width 34: " on it." |
| OLD | NEW |