| OLD | NEW |
| (Empty) |
| 1 layer at (0,0) size 800x600 | |
| 2 RenderView at (0,0) size 800x600 | |
| 3 layer at (0,0) size 800x166 | |
| 4 RenderBlock {HTML} at (0,0) size 800x166 | |
| 5 RenderBody {BODY} at (8,16) size 784x134 | |
| 6 RenderBlock {P} at (0,0) size 784x18 | |
| 7 RenderText {#text} at (0,0) size 598x18 | |
| 8 text run at (0,0) width 598: "Below, there should be 2 orange boxes ho
rizontally centered within their respective green bars." | |
| 9 RenderBlock {DIV} at (16,34) size 752x42 [bgcolor=#008000] | |
| 10 RenderBlock (anonymous) at (0,0) size 752x18 | |
| 11 RenderText {#text} at (0,0) size 36x18 | |
| 12 text run at (0,0) width 36: " " | |
| 13 RenderButton {INPUT} at (368,20) size 16x22 [bgcolor=#FFA500] [border: (
2px outset #C0C0C0)] | |
| 14 RenderBlock {FORM} at (0,92) size 784x42 | |
| 15 RenderBlock {DIV} at (16,0) size 752x42 [bgcolor=#008000] | |
| 16 RenderBlock (anonymous) at (0,0) size 752x18 | |
| 17 RenderText {#text} at (0,0) size 36x18 | |
| 18 text run at (0,0) width 36: " " | |
| 19 RenderButton {INPUT} at (368,20) size 16x22 [bgcolor=#FFA500] [border:
(2px outset #C0C0C0)] | |
| OLD | NEW |