| 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 800x258 | 3 layer at (0,0) size 800x258 | 
| 4   LayoutBlockFlow {HTML} at (0,0) size 800x258 | 4   LayoutBlockFlow {HTML} at (0,0) size 800x258 | 
| 5     LayoutBlockFlow {BODY} at (8,16) size 784x226 | 5     LayoutBlockFlow {BODY} at (8,16) size 784x226 | 
| 6       LayoutBlockFlow {P} at (0,0) size 784x18 | 6       LayoutBlockFlow {P} at (0,0) size 784x18 | 
| 7         LayoutText {#text} at (0,0) size 285x18 | 7         LayoutText {#text} at (0,0) size 285x18 | 
| 8           text run at (0,0) width 285: "This <hr width=\"25%\"> should be center
    ed:" | 8           text run at (0,0) width 285: "This <hr width=\"25%\"> should be center
    ed:" | 
| 9       LayoutBlockFlow {HR} at (293,34) size 198x2 [border: (1px inset #EEEEEE)] | 9       LayoutBlockFlow {HR} at (294,34) size 196x2 [border: (1px inset #EEEEEE)] | 
| 10       LayoutBlockFlow {P} at (0,52) size 784x18 | 10       LayoutBlockFlow {P} at (0,52) size 784x18 | 
| 11         LayoutText {#text} at (0,0) size 204x18 | 11         LayoutText {#text} at (0,0) size 204x18 | 
| 12           text run at (0,0) width 204: "This one should be left-aligned." | 12           text run at (0,0) width 204: "This one should be left-aligned." | 
| 13       LayoutBlockFlow {HR} at (0,86) size 198x2 [border: (1px inset #EEEEEE)] | 13       LayoutBlockFlow {HR} at (0,86) size 196x2 [border: (1px inset #EEEEEE)] | 
| 14       LayoutBlockFlow {P} at (0,104) size 784x18 | 14       LayoutBlockFlow {P} at (0,104) size 784x18 | 
| 15         LayoutText {#text} at (0,0) size 212x18 | 15         LayoutText {#text} at (0,0) size 212x18 | 
| 16           text run at (0,0) width 212: "This one should be right-aligned." | 16           text run at (0,0) width 212: "This one should be right-aligned." | 
| 17       LayoutBlockFlow {HR} at (586,138) size 198x2 [border: (1px inset #EEEEEE)] | 17       LayoutBlockFlow {HR} at (588,138) size 196x2 [border: (1px inset #EEEEEE)] | 
| 18       LayoutBlockFlow {P} at (0,156) size 784x18 | 18       LayoutBlockFlow {P} at (0,156) size 784x18 | 
| 19         LayoutText {#text} at (0,0) size 184x18 | 19         LayoutText {#text} at (0,0) size 184x18 | 
| 20           text run at (0,0) width 184: "This one should be centered." | 20           text run at (0,0) width 184: "This one should be centered." | 
| 21       LayoutBlockFlow {HR} at (293,190) size 198x2 [border: (1px inset #EEEEEE)] | 21       LayoutBlockFlow {HR} at (294,190) size 196x2 [border: (1px inset #EEEEEE)] | 
| 22       LayoutBlockFlow {P} at (0,208) size 784x18 | 22       LayoutBlockFlow {P} at (0,208) size 784x18 | 
| 23         LayoutText {#text} at (0,0) size 55x18 | 23         LayoutText {#text} at (0,0) size 55x18 | 
| 24           text run at (0,0) width 55: "(W3C: \x{201C}" | 24           text run at (0,0) width 55: "(W3C: \x{201C}" | 
| 25         LayoutInline {A} at (0,0) size 202x18 [color=#0000EE] | 25         LayoutInline {A} at (0,0) size 202x18 [color=#0000EE] | 
| 26           LayoutText {#text} at (54,0) size 202x18 | 26           LayoutText {#text} at (54,0) size 202x18 | 
| 27             text run at (54,0) width 202: "By default, the rule is centered." | 27             text run at (54,0) width 202: "By default, the rule is centered." | 
| 28         LayoutText {#text} at (255,0) size 13x18 | 28         LayoutText {#text} at (255,0) size 13x18 | 
| 29           text run at (255,0) width 13: "\x{201D})" | 29           text run at (255,0) width 13: "\x{201D})" | 
| OLD | NEW | 
|---|