| OLD | NEW |
| (Empty) |
| 1 layer at (0,0) size 800x600 | |
| 2 RenderView at (0,0) size 800x600 | |
| 3 layer at (0,0) size 800x600 | |
| 4 RenderBlock {HTML} at (0,0) size 800x600 | |
| 5 RenderBody {BODY} at (8,8) size 784x584 [bgcolor=#FFFFFF] | |
| 6 RenderBlock (anonymous) at (0,0) size 784x18 | |
| 7 RenderText {#text} at (0,0) size 458x19 | |
| 8 text run at (0,0) width 458: "the purple text input control must be in
the same line with the grey image" | |
| 9 RenderTable {TABLE} at (0,18) size 334x45 | |
| 10 RenderTableSection {TBODY} at (0,0) size 334x45 | |
| 11 RenderTableRow {TR} at (0,2) size 334x41 | |
| 12 RenderTableCell {TD} at (2,2) size 330x41 [bgcolor=#CCDDFF] [border:
(1px solid #000000)] [r=0 c=0 rs=1 cs=1] | |
| 13 RenderTextControl {INPUT} at (3,14) size 194x24 [bgcolor=#CCAAFF]
[border: (2px inset #000000)] | |
| 14 RenderImage {IMG} at (200,4) size 126x26 [bgcolor=#C0C0C0] [border
: (1px solid #000000)] | |
| 15 layer at (16,45) size 188x18 | |
| 16 RenderBlock {DIV} at (3,3) size 188x18 | |
| OLD | NEW |