| OLD | NEW |
| (Empty) |
| 1 layer at (0,0) size 800x600 | |
| 2 RenderView at (0,0) size 800x600 | |
| 3 layer at (0,0) size 800x310 | |
| 4 RenderBlock {HTML} at (0,0) size 800x310 | |
| 5 RenderBody {BODY} at (8,8) size 784x286 | |
| 6 RenderBlock {P} at (0,0) size 784x18 [color=#000080] | |
| 7 RenderText {#text} at (0,0) size 318x18 | |
| 8 text run at (0,0) width 318: "The following two diagrams should look i
dentical." | |
| 9 RenderBlock {DIV} at (16,34) size 166x118 [color=#008080] [bgcolor=#FFA500
] [border: (3px solid #000000)] | |
| 10 RenderBlock {UL} at (19,19) size 128x80 [bgcolor=#FFFF00] | |
| 11 RenderListItem {LI} at (0,0) size 128x16 | |
| 12 RenderText {#text} at (0,0) size 16x16 | |
| 13 text run at (0,0) width 16: "-" | |
| 14 RenderListItem {LI} at (16,32) size 96x16 [bgcolor=#00FFFF] | |
| 15 RenderText {#text} at (0,0) size 16x16 | |
| 16 text run at (0,0) width 16: "-" | |
| 17 RenderListItem {LI} at (0,64) size 128x16 | |
| 18 RenderText {#text} at (0,0) size 16x16 | |
| 19 text run at (0,0) width 16: "-" | |
| 20 RenderBlock {DIV} at (16,168) size 166x118 [bgcolor=#FF0000] [border: (3px
solid #000000)] | |
| 21 RenderBlock {DIV} at (3,3) size 160x112 [bgcolor=#FFFF00] [border: (16px
solid #FFA500)] | |
| 22 RenderBlock {DIV} at (16,16) size 16x16 [bgcolor=#008080] | |
| 23 RenderBlock {DIV} at (16,32) size 128x48 [bgcolor=#00FFFF] [border: (1
6px solid #FFFF00)] | |
| 24 RenderBlock {DIV} at (16,16) size 16x16 [bgcolor=#008080] | |
| 25 RenderBlock {DIV} at (16,80) size 16x16 [bgcolor=#008080] | |
| OLD | NEW |