| OLD | NEW |
| 1 layer at (0,0) size 800x600 | 1 layer at (0,0) size 800x600 |
| 2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
| 3 layer at (0,0) size 800x318 | 3 layer at (0,0) size 800x318 |
| 4 RenderBlock {HTML} at (0,0) size 800x318 | 4 RenderBlock {HTML} at (0,0) size 800x318 |
| 5 RenderBody {BODY} at (8,16) size 784x287 | 5 RenderBody {BODY} at (8,16) size 784x287 |
| 6 RenderBlock {P} at (0,0) size 784x36 | 6 RenderBlock {P} at (0,0) size 784x36 |
| 7 RenderText {#text} at (0,0) size 761x36 | 7 RenderText {#text} at (0,0) size 761x36 |
| 8 text run at (0,0) width 391: "Change your window size. However the lin
es wrap, the blue " | 8 text run at (0,0) width 391: "Change your window size. However the lin
es wrap, the blue " |
| 9 text run at (390,0) width 371: "rectanglues should always have their m
iddles on the same" | 9 text run at (390,0) width 371: "rectanglues should always have their m
iddles on the same" |
| 10 text run at (0,18) width 86: "alignment as " | 10 text run at (0,18) width 86: "alignment as " |
| 11 text run at (85,18) width 210: "other blue rectangles on the line." | 11 text run at (85,18) width 210: "other blue rectangles on the line." |
| 12 RenderBlock {P} at (15,52) size 754x235 [color=#0000FF] [bgcolor=#FFFFFF]
[border: (1px solid #C0C0C0)] | 12 RenderBlock {P} at (15,52) size 754x235 [color=#0000FF] [bgcolor=#FFFFFF]
[border: (1px solid #C0C0C0)] |
| 13 RenderText {#text} at (8,36) size 61x16 | 13 RenderText {#text} at (8,36) size 61x16 |
| 14 text run at (8,36) width 61: "\x{C9}\x{C9}\x{C9} " | 14 text run at (8,36) width 61: "\x{C9}\x{C9}\x{C9} " |
| 15 RenderImage {IMG} at (68.50,26.50) size 30x30 | 15 LayoutImage {IMG} at (68.50,26.50) size 30x30 |
| 16 RenderText {#text} at (98,36) size 16x16 | 16 RenderText {#text} at (98,36) size 16x16 |
| 17 text run at (98,36) width 16: " " | 17 text run at (98,36) width 16: " " |
| 18 RenderInline {SPAN} at (0,0) size 113x39 [color=#C0C0C0] | 18 RenderInline {SPAN} at (0,0) size 113x39 [color=#C0C0C0] |
| 19 RenderText {#text} at (113,18) size 113x39 | 19 RenderText {#text} at (113,18) size 113x39 |
| 20 text run at (113,18) width 113: "xxx" | 20 text run at (113,18) width 113: "xxx" |
| 21 RenderText {#text} at (226,36) size 15x16 | 21 RenderText {#text} at (226,36) size 15x16 |
| 22 text run at (226,36) width 15: " " | 22 text run at (226,36) width 15: " " |
| 23 RenderImage {IMG} at (241,16.50) size 50x50 | 23 LayoutImage {IMG} at (241,16.50) size 50x50 |
| 24 RenderText {#text} at (291,36) size 75x16 | 24 RenderText {#text} at (291,36) size 75x16 |
| 25 text run at (291,36) width 15: " " | 25 text run at (291,36) width 15: " " |
| 26 text run at (306,36) width 60: "\x{C9}\x{C9}\x{C9} " | 26 text run at (306,36) width 60: "\x{C9}\x{C9}\x{C9} " |
| 27 RenderImage {IMG} at (366,36.50) size 10x10 | 27 LayoutImage {IMG} at (366,36.50) size 10x10 |
| 28 RenderText {#text} at (376,36) size 15x16 | 28 RenderText {#text} at (376,36) size 15x16 |
| 29 text run at (376,36) width 15: " " | 29 text run at (376,36) width 15: " " |
| 30 RenderInline {SMALL} at (0,0) size 30x11 [color=#C0C0C0] | 30 RenderInline {SMALL} at (0,0) size 30x11 [color=#C0C0C0] |
| 31 RenderText {#text} at (391,40) size 30x11 | 31 RenderText {#text} at (391,40) size 30x11 |
| 32 text run at (391,40) width 30: "xxx" | 32 text run at (391,40) width 30: "xxx" |
| 33 RenderText {#text} at (421,36) size 15x16 | 33 RenderText {#text} at (421,36) size 15x16 |
| 34 text run at (421,36) width 15: " " | 34 text run at (421,36) width 15: " " |
| 35 RenderImage {IMG} at (436,31.50) size 20x20 | 35 LayoutImage {IMG} at (436,31.50) size 20x20 |
| 36 RenderText {#text} at (456,36) size 75x16 | 36 RenderText {#text} at (456,36) size 75x16 |
| 37 text run at (456,36) width 15: " " | 37 text run at (456,36) width 15: " " |
| 38 text run at (471,36) width 60: "\x{C9}\x{C9}\x{C9} " | 38 text run at (471,36) width 60: "\x{C9}\x{C9}\x{C9} " |
| 39 RenderImage {IMG} at (531,8.50) size 65x65 | 39 LayoutImage {IMG} at (531,8.50) size 65x65 |
| 40 RenderText {#text} at (596,36) size 75x16 | 40 RenderText {#text} at (596,36) size 75x16 |
| 41 text run at (596,36) width 15: " " | 41 text run at (596,36) width 15: " " |
| 42 text run at (611,36) width 60: "\x{C9}\x{C9}\x{C9} " | 42 text run at (611,36) width 60: "\x{C9}\x{C9}\x{C9} " |
| 43 RenderImage {IMG} at (671,23.50) size 35x35 | 43 LayoutImage {IMG} at (671,23.50) size 35x35 |
| 44 RenderText {#text} at (0,0) size 0x0 | 44 RenderText {#text} at (0,0) size 0x0 |
| 45 RenderInline {SPAN} at (0,0) size 91x31 [color=#C0C0C0] | 45 RenderInline {SPAN} at (0,0) size 91x31 [color=#C0C0C0] |
| 46 RenderText {#text} at (8,94) size 91x31 | 46 RenderText {#text} at (8,94) size 91x31 |
| 47 text run at (8,94) width 91: "xxx" | 47 text run at (8,94) width 91: "xxx" |
| 48 RenderText {#text} at (98,106) size 16x16 | 48 RenderText {#text} at (98,106) size 16x16 |
| 49 text run at (98,106) width 16: " " | 49 text run at (98,106) width 16: " " |
| 50 RenderImage {IMG} at (113.50,86.50) size 50x50 | 50 LayoutImage {IMG} at (113.50,86.50) size 50x50 |
| 51 RenderText {#text} at (163,106) size 16x16 | 51 RenderText {#text} at (163,106) size 16x16 |
| 52 text run at (163,106) width 16: " " | 52 text run at (163,106) width 16: " " |
| 53 RenderInline {SPAN} at (0,0) size 350x24 [color=#C0C0C0] | 53 RenderInline {SPAN} at (0,0) size 350x24 [color=#C0C0C0] |
| 54 RenderText {#text} at (178,100) size 91x24 | 54 RenderText {#text} at (178,100) size 91x24 |
| 55 text run at (178,100) width 91: "xxx " | 55 text run at (178,100) width 91: "xxx " |
| 56 RenderInline {SPAN} at (0,0) size 170x57 | 56 RenderInline {SPAN} at (0,0) size 170x57 |
| 57 RenderText {#text} at (268,73) size 170x57 | 57 RenderText {#text} at (268,73) size 170x57 |
| 58 text run at (268,73) width 170: "xxx" | 58 text run at (268,73) width 170: "xxx" |
| 59 RenderText {#text} at (437,100) size 91x24 | 59 RenderText {#text} at (437,100) size 91x24 |
| 60 text run at (437,100) width 91: " xxx" | 60 text run at (437,100) width 91: " xxx" |
| 61 RenderText {#text} at (527,106) size 16x16 | 61 RenderText {#text} at (527,106) size 16x16 |
| 62 text run at (527,106) width 16: " " | 62 text run at (527,106) width 16: " " |
| 63 RenderImage {IMG} at (542.25,86.50) size 50x50 | 63 LayoutImage {IMG} at (542.25,86.50) size 50x50 |
| 64 RenderText {#text} at (592,106) size 16x16 | 64 RenderText {#text} at (592,106) size 16x16 |
| 65 text run at (592,106) width 16: " " | 65 text run at (592,106) width 16: " " |
| 66 RenderInline {SMALL} at (0,0) size 31x11 [color=#C0C0C0] | 66 RenderInline {SMALL} at (0,0) size 31x11 [color=#C0C0C0] |
| 67 RenderText {#text} at (607,110) size 31x11 | 67 RenderText {#text} at (607,110) size 31x11 |
| 68 text run at (607,110) width 31: "xxx" | 68 text run at (607,110) width 31: "xxx" |
| 69 RenderText {#text} at (637,106) size 16x16 | 69 RenderText {#text} at (637,106) size 16x16 |
| 70 text run at (637,106) width 16: " " | 70 text run at (637,106) width 16: " " |
| 71 RenderImage {IMG} at (652.25,103.50) size 15x15 | 71 LayoutImage {IMG} at (652.25,103.50) size 15x15 |
| 72 RenderText {#text} at (667,106) size 16x16 | 72 RenderText {#text} at (667,106) size 16x16 |
| 73 text run at (667,106) width 16: " " | 73 text run at (667,106) width 16: " " |
| 74 RenderInline {BIG} at (0,0) size 61x21 [color=#C0C0C0] | 74 RenderInline {BIG} at (0,0) size 61x21 [color=#C0C0C0] |
| 75 RenderText {#text} at (682,102) size 61x21 | 75 RenderText {#text} at (682,102) size 61x21 |
| 76 text run at (682,102) width 61: "xxx" | 76 text run at (682,102) width 61: "xxx" |
| 77 RenderText {#text} at (0,0) size 0x0 | 77 RenderText {#text} at (0,0) size 0x0 |
| 78 RenderImage {IMG} at (8.50,136.50) size 90x90 | 78 LayoutImage {IMG} at (8.50,136.50) size 90x90 |
| 79 RenderText {#text} at (98,176) size 61x16 | 79 RenderText {#text} at (98,176) size 61x16 |
| 80 text run at (98,176) width 16: " " | 80 text run at (98,176) width 16: " " |
| 81 text run at (113,176) width 46: "\x{C9}\x{C9}\x{C9}" | 81 text run at (113,176) width 46: "\x{C9}\x{C9}\x{C9}" |
| OLD | NEW |