| 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 800x323 | 3 layer at (0,0) size 800x323 |
| 4 RenderBlock {HTML} at (0,0) size 800x323 | 4 RenderBlock {HTML} at (0,0) size 800x323 |
| 5 RenderBody {BODY} at (8,16) size 784x292 | 5 RenderBody {BODY} at (8,16) size 784x292 |
| 6 RenderBlock {P} at (0,0) size 784x40 | 6 RenderBlock {P} at (0,0) size 784x40 |
| 7 RenderText {#text} at (0,0) size 768x39 | 7 RenderText {#text} at (0,0) size 768x39 |
| 8 text run at (0,0) width 365: "Change your window size. However the lin
es wrap, the blue " | 8 text run at (0,0) width 365: "Change your window size. However the lin
es wrap, the blue " |
| 9 text run at (365,0) width 403: "rectanglues should always have their m
iddles on the same alignment" | 9 text run at (365,0) width 403: "rectanglues should always have their m
iddles on the same alignment" |
| 10 text run at (0,20) width 17: "as " | 10 text run at (0,20) width 17: "as " |
| 11 text run at (17,20) width 193: "other blue rectangles on the line." | 11 text run at (17,20) width 193: "other blue rectangles on the line." |
| 12 RenderBlock {P} at (15,56) size 754x236 [color=#0000FF] [bgcolor=#FFFFFF]
[border: (1px solid #C0C0C0)] | 12 RenderBlock {P} at (15,56) size 754x236 [color=#0000FF] [bgcolor=#FFFFFF]
[border: (1px solid #C0C0C0)] |
| 13 RenderText {#text} at (8,34) size 61x16 | 13 RenderText {#text} at (8,34) size 61x16 |
| 14 text run at (8,34) width 61: "\x{C9}\x{C9}\x{C9} " | 14 text run at (8,34) width 61: "\x{C9}\x{C9}\x{C9} " |
| 15 RenderImage {IMG} at (68.50,25.50) size 30x30 | 15 LayoutImage {IMG} at (68.50,25.50) size 30x30 |
| 16 RenderText {#text} at (98,34) size 16x16 | 16 RenderText {#text} at (98,34) size 16x16 |
| 17 text run at (98,34) width 16: " " | 17 text run at (98,34) width 16: " " |
| 18 RenderInline {SPAN} at (0,0) size 115x39 [color=#C0C0C0] | 18 RenderInline {SPAN} at (0,0) size 115x39 [color=#C0C0C0] |
| 19 RenderText {#text} at (113,16) size 115x39 | 19 RenderText {#text} at (113,16) size 115x39 |
| 20 text run at (113,16) width 115: "xxx" | 20 text run at (113,16) width 115: "xxx" |
| 21 RenderText {#text} at (227,34) size 16x16 | 21 RenderText {#text} at (227,34) size 16x16 |
| 22 text run at (227,34) width 16: " " | 22 text run at (227,34) width 16: " " |
| 23 RenderImage {IMG} at (242.50,15.50) size 50x50 | 23 LayoutImage {IMG} at (242.50,15.50) size 50x50 |
| 24 RenderText {#text} at (292,34) size 76x16 | 24 RenderText {#text} at (292,34) size 76x16 |
| 25 text run at (292,34) width 16: " " | 25 text run at (292,34) width 16: " " |
| 26 text run at (307,34) width 61: "\x{C9}\x{C9}\x{C9} " | 26 text run at (307,34) width 61: "\x{C9}\x{C9}\x{C9} " |
| 27 RenderImage {IMG} at (367.50,35.50) size 10x10 | 27 LayoutImage {IMG} at (367.50,35.50) size 10x10 |
| 28 RenderText {#text} at (377,34) size 16x16 | 28 RenderText {#text} at (377,34) size 16x16 |
| 29 text run at (377,34) width 16: " " | 29 text run at (377,34) width 16: " " |
| 30 RenderInline {SMALL} at (0,0) size 31x11 [color=#C0C0C0] | 30 RenderInline {SMALL} at (0,0) size 31x11 [color=#C0C0C0] |
| 31 RenderText {#text} at (392,38) size 31x11 | 31 RenderText {#text} at (392,38) size 31x11 |
| 32 text run at (392,38) width 31: "xxx" | 32 text run at (392,38) width 31: "xxx" |
| 33 RenderText {#text} at (422,34) size 16x16 | 33 RenderText {#text} at (422,34) size 16x16 |
| 34 text run at (422,34) width 16: " " | 34 text run at (422,34) width 16: " " |
| 35 RenderImage {IMG} at (437.50,30.50) size 20x20 | 35 LayoutImage {IMG} at (437.50,30.50) size 20x20 |
| 36 RenderText {#text} at (457,34) size 76x16 | 36 RenderText {#text} at (457,34) size 76x16 |
| 37 text run at (457,34) width 16: " " | 37 text run at (457,34) width 16: " " |
| 38 text run at (472,34) width 61: "\x{C9}\x{C9}\x{C9} " | 38 text run at (472,34) width 61: "\x{C9}\x{C9}\x{C9} " |
| 39 RenderImage {IMG} at (532.50,8.50) size 65x65 | 39 LayoutImage {IMG} at (532.50,8.50) size 65x65 |
| 40 RenderText {#text} at (597,34) size 76x16 | 40 RenderText {#text} at (597,34) size 76x16 |
| 41 text run at (597,34) width 16: " " | 41 text run at (597,34) width 16: " " |
| 42 text run at (612,34) width 61: "\x{C9}\x{C9}\x{C9} " | 42 text run at (612,34) width 61: "\x{C9}\x{C9}\x{C9} " |
| 43 RenderImage {IMG} at (672.50,23.50) size 35x35 | 43 LayoutImage {IMG} at (672.50,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,87.50) size 50x50 | 50 LayoutImage {IMG} at (113.50,87.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 353x24 [color=#C0C0C0] | 53 RenderInline {SPAN} at (0,0) size 353x24 [color=#C0C0C0] |
| 54 RenderText {#text} at (178,100) size 93x24 | 54 RenderText {#text} at (178,100) size 93x24 |
| 55 text run at (178,100) width 93: "xxx " | 55 text run at (178,100) width 93: "xxx " |
| 56 RenderInline {SPAN} at (0,0) size 169x57 | 56 RenderInline {SPAN} at (0,0) size 169x57 |
| 57 RenderText {#text} at (270,73) size 169x57 | 57 RenderText {#text} at (270,73) size 169x57 |
| 58 text run at (270,73) width 169: "xxx" | 58 text run at (270,73) width 169: "xxx" |
| 59 RenderText {#text} at (438,100) size 93x24 | 59 RenderText {#text} at (438,100) size 93x24 |
| 60 text run at (438,100) width 93: " xxx" | 60 text run at (438,100) width 93: " xxx" |
| 61 RenderText {#text} at (530,106) size 16x16 | 61 RenderText {#text} at (530,106) size 16x16 |
| 62 text run at (530,106) width 16: " " | 62 text run at (530,106) width 16: " " |
| 63 RenderImage {IMG} at (545.50,87.50) size 50x50 | 63 LayoutImage {IMG} at (545.50,87.50) size 50x50 |
| 64 RenderText {#text} at (595,106) size 16x16 | 64 RenderText {#text} at (595,106) size 16x16 |
| 65 text run at (595,106) width 16: " " | 65 text run at (595,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 (610,110) size 31x11 | 67 RenderText {#text} at (610,110) size 31x11 |
| 68 text run at (610,110) width 31: "xxx" | 68 text run at (610,110) width 31: "xxx" |
| 69 RenderText {#text} at (640,106) size 16x16 | 69 RenderText {#text} at (640,106) size 16x16 |
| 70 text run at (640,106) width 16: " " | 70 text run at (640,106) width 16: " " |
| 71 RenderImage {IMG} at (655.50,105.50) size 15x15 | 71 LayoutImage {IMG} at (655.50,105.50) size 15x15 |
| 72 RenderText {#text} at (670,106) size 16x16 | 72 RenderText {#text} at (670,106) size 16x16 |
| 73 text run at (670,106) width 16: " " | 73 text run at (670,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 (685,102) size 61x21 | 75 RenderText {#text} at (685,102) size 61x21 |
| 76 text run at (685,102) width 61: "xxx" | 76 text run at (685,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,137.50) size 90x90 | 78 LayoutImage {IMG} at (8.50,137.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 |