| OLD | NEW | 
|---|
| 1 layer at (0,0) size 800x600 | 1 layer at (0,0) size 800x600 | 
| 2   LayoutView at (0,0) size 800x600 | 2   LayoutView at (0,0) size 800x600 | 
| 3 layer at (0,0) size 800x268 | 3 layer at (0,0) size 800x268 | 
| 4   LayoutBlockFlow {HTML} at (0,0) size 800x268 | 4   LayoutBlockFlow {HTML} at (0,0) size 800x268 | 
| 5     LayoutBlockFlow {BODY} at (8,16) size 784x236 | 5     LayoutBlockFlow {BODY} at (8,16) size 784x236 | 
| 6       LayoutBlockFlow {P} at (0,0) size 784x20 | 6       LayoutBlockFlow {P} at (0,0) size 784x20 | 
| 7         LayoutText {#text} at (0,0) size 265x19 | 7         LayoutText {#text} at (0,0) size 265x19 | 
| 8           text run at (0,0) width 265: "This <hr width=\"25%\"> should be center
    ed:" | 8           text run at (0,0) width 265: "This <hr width=\"25%\"> should be center
    ed:" | 
| 9       LayoutBlockFlow {HR} at (293,36) size 198x2 [border: (1px inset #EEEEEE)] | 9       LayoutBlockFlow {HR} at (293,36) size 198x2 [border: (1px inset #EEEEEE)] | 
| 10       LayoutBlockFlow {P} at (0,54) size 784x20 | 10       LayoutBlockFlow {P} at (0,54) size 784x20 | 
| 11         LayoutText {#text} at (0,0) size 187x19 | 11         LayoutText {#text} at (0,0) size 187x19 | 
| 12           text run at (0,0) width 187: "This one should be left-aligned." | 12           text run at (0,0) width 187: "This one should be left-aligned." | 
| 13       LayoutBlockFlow {HR} at (0,90) size 198x2 [border: (1px inset #EEEEEE)] | 13       LayoutBlockFlow {HR} at (0,90) size 198x2 [border: (1px inset #EEEEEE)] | 
| 14       LayoutBlockFlow {P} at (0,108) size 784x20 | 14       LayoutBlockFlow {P} at (0,108) size 784x20 | 
| 15         LayoutText {#text} at (0,0) size 195x19 | 15         LayoutText {#text} at (0,0) size 195x19 | 
| 16           text run at (0,0) width 195: "This one should be right-aligned." | 16           text run at (0,0) width 195: "This one should be right-aligned." | 
| 17       LayoutBlockFlow {HR} at (586,144) size 198x2 [border: (1px inset #EEEEEE)] | 17       LayoutBlockFlow {HR} at (586,144) size 198x2 [border: (1px inset #EEEEEE)] | 
| 18       LayoutBlockFlow {P} at (0,162) size 784x20 | 18       LayoutBlockFlow {P} at (0,162) size 784x20 | 
| 19         LayoutText {#text} at (0,0) size 173x19 | 19         LayoutText {#text} at (0,0) size 173x19 | 
| 20           text run at (0,0) width 173: "This one should be centered." | 20           text run at (0,0) width 173: "This one should be centered." | 
| 21       LayoutBlockFlow {HR} at (293,198) size 198x2 [border: (1px inset #EEEEEE)] | 21       LayoutBlockFlow {HR} at (293,198) size 198x2 [border: (1px inset #EEEEEE)] | 
| 22       LayoutBlockFlow {P} at (0,216) size 784x20 | 22       LayoutBlockFlow {P} at (0,216) size 784x20 | 
| 23         LayoutText {#text} at (0,0) size 52x19 | 23         LayoutText {#text} at (0,0) size 52x19 | 
| 24           text run at (0,0) width 52: "(W3C: \x{201C}" | 24           text run at (0,0) width 52: "(W3C: \x{201C}" | 
| 25         LayoutInline {A} at (0,0) size 186x19 [color=#0000EE] | 25         LayoutInline {A} at (0,0) size 186x19 [color=#0000EE] | 
| 26           LayoutText {#text} at (52,0) size 186x19 | 26           LayoutText {#text} at (52,0) size 186x19 | 
| 27             text run at (52,0) width 186: "By default, the rule is centered." | 27             text run at (52,0) width 186: "By default, the rule is centered." | 
| 28         LayoutText {#text} at (238,0) size 11x19 | 28         LayoutText {#text} at (238,0) size 11x19 | 
| 29           text run at (238,0) width 11: "\x{201D})" | 29           text run at (238,0) width 11: "\x{201D})" | 
| OLD | NEW | 
|---|