| OLD | NEW |
| (Empty) |
| 1 layer at (0,0) size 800x600 | |
| 2 LayoutView at (0,0) size 800x600 | |
| 3 layer at (0,0) size 800x120 | |
| 4 LayoutBlockFlow {HTML} at (0,0) size 800x120 | |
| 5 LayoutBlockFlow {BODY} at (8,16) size 784x96 | |
| 6 LayoutBlockFlow {P} at (0,0) size 784x20 | |
| 7 LayoutText {#text} at (0,0) size 340x19 | |
| 8 text run at (0,0) width 340: "There should be no red below, only green
lines and dots." | |
| 9 LayoutBlockFlow {DIV} at (0,36) size 200x60 [color=#008000] | |
| 10 LayoutText {#text} at (0,1) size 40x10 | |
| 11 text run at (0,1) width 40: "z z " | |
| 12 LayoutInline {EM} at (0,0) size 190x22 [color=#FF0000] | |
| 13 LayoutText {#text} at (40,1) size 190x22 | |
| 14 text run at (40,1) width 150: "x x x x x x x x" | |
| 15 text run at (0,13) width 40: "x x " | |
| 16 LayoutText {#text} at (0,0) size 0x0 | |
| 17 LayoutInline {SPAN} at (0,0) size 190x58 [border: (10px solid #00FF00)] | |
| 18 LayoutText {#text} at (0,0) size 0x0 | |
| 19 LayoutInline {EM} at (0,0) size 190x22 [color=#FF0000] | |
| 20 LayoutText {#text} at (60,13) size 190x22 | |
| 21 text run at (60,13) width 130: "x x x x x x x" | |
| 22 text run at (0,25) width 60: "x x x " | |
| 23 text run at (60,25) width 60: "x x x " | |
| 24 LayoutText {#text} at (120,25) size 190x22 | |
| 25 text run at (120,25) width 70: "y y y y" | |
| 26 text run at (0,37) width 100: "y y y y y " | |
| 27 LayoutText {#text} at (120,37) size 190x22 | |
| 28 text run at (120,37) width 70: "y y y y" | |
| 29 text run at (0,49) width 190: "y y y y y y z z z z" | |
| OLD | NEW |