| OLD | NEW | 
|---|
|  | (Empty) | 
| 1 layer at (0,0) size 800x600 |  | 
| 2   LayoutView at (0,0) size 800x600 |  | 
| 3 layer at (0,0) size 800x600 |  | 
| 4   LayoutBlockFlow {HTML} at (0,0) size 800x600 |  | 
| 5     LayoutBlockFlow {BODY} at (8,8) size 784x584 |  | 
| 6       LayoutText {#text} at (0,0) size 782x72 |  | 
| 7         text run at (0,0) width 519: "In this test, you should see three blocks 
    that are aligned right within a black box. " |  | 
| 8         text run at (518,0) width 249: "They should be stacked vertically with" |  | 
| 9         text run at (0,18) width 275: "the green box in between two olive boxes.
     " |  | 
| 10         text run at (274,18) width 508: "The olive boxes and the green box shoul
    d be 100x100, and there should be 100" |  | 
| 11         text run at (0,36) width 333: "pixels of padding on the right side of th
    e box stack. " |  | 
| 12         text run at (332,36) width 437: "The black box's top should be aligned w
    ith the end of the last line in" |  | 
| 13         text run at (0,54) width 505: "this parargaph and its left side should b
    egin right after the end of this sentence." |  | 
| 14       LayoutText {#text} at (0,0) size 0x0 |  | 
| 15 layer at (512,62) size 240x340 |  | 
| 16   LayoutBlockFlow (positioned) {SPAN} at (512.31,62) size 240x340 [border: (20px
     solid #000000)] |  | 
| 17 layer at (632,182) size 100x100 |  | 
| 18   LayoutBlockFlow (positioned) {DIV} at (120,120) size 100x100 [bgcolor=#008000] |  | 
| 19 layer at (632,82) size 100x100 |  | 
| 20   LayoutBlockFlow (positioned) {DIV} at (120,20) size 100x100 [bgcolor=#808000] |  | 
| 21 layer at (632,282) size 100x100 |  | 
| 22   LayoutBlockFlow (positioned) {DIV} at (120,220) size 100x100 [bgcolor=#808000] |  | 
| OLD | NEW | 
|---|