| OLD | NEW |
| 1 layer at (0,0) size 800x711 | 1 layer at (0,0) size 800x711 |
| 2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
| 3 layer at (0,0) size 800x711 | 3 layer at (0,0) size 800x711 |
| 4 RenderBlock {HTML} at (0,0) size 800x711 | 4 RenderBlock {HTML} at (0,0) size 800x711 |
| 5 RenderBody {BODY} at (8,16) size 784x687 | 5 RenderBody {BODY} at (8,16) size 784x687 |
| 6 RenderBlock {P} at (0,0) size 784x20 | 6 RenderBlock {P} at (0,0) size 784x20 |
| 7 RenderText {#text} at (0,0) size 239x19 | 7 RenderText {#text} at (0,0) size 239x19 |
| 8 text run at (0,0) width 239: "There should be a big green box below." | 8 text run at (0,0) width 239: "There should be a big green box below." |
| 9 RenderBlock {DIV} at (0,36) size 306x651 [color=#008000] [bgcolor=#FF0000]
[border: (3px solid #000000)] | 9 RenderBlock {DIV} at (0,36) size 306x651 [color=#008000] [bgcolor=#FF0000]
[border: (3px solid #000000)] |
| 10 RenderImage {IMG} at (3,3) size 50x50 | 10 LayoutImage {IMG} at (3,3) size 50x50 |
| 11 RenderBlock {P} at (3,18) size 300x90 | 11 RenderBlock {P} at (3,18) size 300x90 |
| 12 RenderText {#text} at (50,0) size 290x90 | 12 RenderText {#text} at (50,0) size 290x90 |
| 13 text run at (50,0) width 210: "xxxxx xxxx xxx" | 13 text run at (50,0) width 210: "xxxxx xxxx xxx" |
| 14 text run at (50,15) width 240: "xx x xx xxx xxxx" | 14 text run at (50,15) width 240: "xx x xx xxx xxxx" |
| 15 text run at (50,30) width 210: "xxxxx xxxx xxx" | 15 text run at (50,30) width 210: "xxxxx xxxx xxx" |
| 16 text run at (0,45) width 240: "xx x xx xxx xxxx" | 16 text run at (0,45) width 240: "xx x xx xxx xxxx" |
| 17 text run at (0,60) width 285: "xxxxx xxxx xxx xx x" | 17 text run at (0,60) width 285: "xxxxx xxxx xxx xx x" |
| 18 text run at (0,75) width 165: "xx xxx xxxx" | 18 text run at (0,75) width 165: "xx xxx xxxx" |
| 19 RenderImage {IMG} at (3,123) size 50x50 | 19 LayoutImage {IMG} at (3,123) size 50x50 |
| 20 RenderBlock {P} at (3,173) size 300x60 | 20 RenderBlock {P} at (3,173) size 300x60 |
| 21 RenderText {#text} at (0,0) size 300x60 | 21 RenderText {#text} at (0,0) size 300x60 |
| 22 text run at (0,0) width 285: "xxxxx xxxx xxx xx x" | 22 text run at (0,0) width 285: "xxxxx xxxx xxx xx x" |
| 23 text run at (0,15) width 180: "xx xxx xxxx " | 23 text run at (0,15) width 180: "xx xxx xxxx " |
| 24 text run at (180,15) width 75: "xxxxx" | 24 text run at (180,15) width 75: "xxxxx" |
| 25 text run at (0,30) width 300: "xxxx xxx xx x xx xxx" | 25 text run at (0,30) width 300: "xxxx xxx xx x xx xxx" |
| 26 text run at (0,45) width 60: "xxxx" | 26 text run at (0,45) width 60: "xxxx" |
| 27 RenderImage {IMG} at (253,248) size 50x50 | 27 LayoutImage {IMG} at (253,248) size 50x50 |
| 28 RenderBlock {P} at (3,298) size 300x60 | 28 RenderBlock {P} at (3,298) size 300x60 |
| 29 RenderText {#text} at (0,0) size 300x60 | 29 RenderText {#text} at (0,0) size 300x60 |
| 30 text run at (0,0) width 285: "xxxxx xxxx xxx xx x" | 30 text run at (0,0) width 285: "xxxxx xxxx xxx xx x" |
| 31 text run at (0,15) width 180: "xx xxx xxxx " | 31 text run at (0,15) width 180: "xx xxx xxxx " |
| 32 text run at (180,15) width 75: "xxxxx" | 32 text run at (180,15) width 75: "xxxxx" |
| 33 text run at (0,30) width 300: "xxxx xxx xx x xx xxx" | 33 text run at (0,30) width 300: "xxxx xxx xx x xx xxx" |
| 34 text run at (0,45) width 60: "xxxx" | 34 text run at (0,45) width 60: "xxxx" |
| 35 RenderImage {IMG} at (3,373) size 50x50 | 35 LayoutImage {IMG} at (3,373) size 50x50 |
| 36 RenderImage {IMG} at (253,373) size 50x50 | 36 LayoutImage {IMG} at (253,373) size 50x50 |
| 37 RenderBlock {P} at (3,423) size 300x60 | 37 RenderBlock {P} at (3,423) size 300x60 |
| 38 RenderText {#text} at (0,0) size 300x60 | 38 RenderText {#text} at (0,0) size 300x60 |
| 39 text run at (0,0) width 285: "xxxxx xxxx xxx xx x" | 39 text run at (0,0) width 285: "xxxxx xxxx xxx xx x" |
| 40 text run at (0,15) width 180: "xx xxx xxxx " | 40 text run at (0,15) width 180: "xx xxx xxxx " |
| 41 text run at (180,15) width 75: "xxxxx" | 41 text run at (180,15) width 75: "xxxxx" |
| 42 text run at (0,30) width 300: "xxxx xxx xx x xx xxx" | 42 text run at (0,30) width 300: "xxxx xxx xx x xx xxx" |
| 43 text run at (0,45) width 60: "xxxx" | 43 text run at (0,45) width 60: "xxxx" |
| 44 RenderImage {IMG} at (3,498) size 50x50 | 44 LayoutImage {IMG} at (3,498) size 50x50 |
| 45 RenderImage {IMG} at (253,498) size 50x50 | 45 LayoutImage {IMG} at (253,498) size 50x50 |
| 46 RenderBlock {P} at (3,498) size 300x135 | 46 RenderBlock {P} at (3,498) size 300x135 |
| 47 RenderText {#text} at (50,0) size 300x135 | 47 RenderText {#text} at (50,0) size 300x135 |
| 48 text run at (50,0) width 150: "xxxxx xxxx" | 48 text run at (50,0) width 150: "xxxxx xxxx" |
| 49 text run at (50,15) width 165: "xxx xx x xx" | 49 text run at (50,15) width 165: "xxx xx x xx" |
| 50 text run at (50,30) width 120: "xxx xxxx" | 50 text run at (50,30) width 120: "xxx xxxx" |
| 51 text run at (50,45) width 150: "xxxxx xxxx" | 51 text run at (50,45) width 150: "xxxxx xxxx" |
| 52 text run at (0,60) width 300: "xxx xx x xx xxx xxxx" | 52 text run at (0,60) width 300: "xxx xx x xx xxx xxxx" |
| 53 text run at (0,75) width 285: "xxxxx xxxx xxx xx x" | 53 text run at (0,75) width 285: "xxxxx xxxx xxx xx x" |
| 54 text run at (0,90) width 180: "xx xxx xxxx " | 54 text run at (0,90) width 180: "xx xxx xxxx " |
| 55 text run at (180,90) width 75: "xxxxx" | 55 text run at (180,90) width 75: "xxxxx" |
| 56 text run at (0,105) width 300: "xxxx xxx xx x xx xxx" | 56 text run at (0,105) width 300: "xxxx xxx xx x xx xxx" |
| 57 text run at (0,120) width 60: "xxxx" | 57 text run at (0,120) width 60: "xxxx" |
| OLD | NEW |