| 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 800x600 | 3 layer at (0,0) size 800x600 |
| 4 RenderBlock {HTML} at (0,0) size 800x600 | 4 RenderBlock {HTML} at (0,0) size 800x600 |
| 5 RenderBody {BODY} at (8,8) size 784x584 | 5 RenderBody {BODY} at (8,8) size 784x584 |
| 6 RenderBlock {P} at (0,0) size 784x16 | 6 RenderBlock {P} at (0,0) size 784x16 |
| 7 RenderText {#text} at (0,0) size 437x16 | 7 RenderText {#text} at (0,0) size 437x16 |
| 8 text run at (0,0) width 437: "All the X\x{2019}s below should be green
. All other letters should be black." | 8 text run at (0,0) width 437: "All the X\x{2019}s below should be green
. All other letters should be black." |
| 9 RenderBlock {DIV} at (0,32) size 784x16 | 9 RenderBlock {DIV} at (0,32) size 784x16 |
| 10 RenderInline (generated) at (0,0) size 12x16 [color=#008000] | 10 RenderInline {<pseudo:first-letter>} at (0,0) size 12x16 [color=#008000] |
| 11 RenderTextFragment {#text} at (0,0) size 12x16 | 11 RenderTextFragment at (0,0) size 12x16 |
| 12 text run at (0,0) width 12: "X" | 12 text run at (0,0) width 12: "X" |
| 13 RenderTextFragment {#text} at (11,0) size 13x16 | 13 RenderTextFragment {#text} at (11,0) size 13x16 |
| 14 text run at (11,0) width 13: "Y" | 14 text run at (11,0) width 13: "Y" |
| 15 RenderBlock {DIV} at (0,48) size 784x16 | 15 RenderBlock {DIV} at (0,48) size 784x16 |
| 16 RenderImage {IMG} at (0,12) size 0x0 | 16 RenderImage {IMG} at (0,12) size 0x0 |
| 17 RenderText {#text} at (0,0) size 22x16 | 17 RenderText {#text} at (0,0) size 22x16 |
| 18 text run at (0,0) width 22: "YZ" | 18 text run at (0,0) width 22: "YZ" |
| 19 RenderBlock {DIV} at (0,64) size 784x16 | 19 RenderBlock {DIV} at (0,64) size 784x16 |
| 20 RenderImage {IMG} at (0,0) size 0x0 | 20 RenderImage {IMG} at (0,0) size 0x0 |
| 21 RenderInline (generated) at (0,0) size 12x16 [color=#008000] | 21 RenderInline {<pseudo:first-letter>} at (0,0) size 12x16 [color=#008000] |
| 22 RenderTextFragment {#text} at (0,0) size 12x16 | 22 RenderTextFragment at (0,0) size 12x16 |
| 23 text run at (0,0) width 12: "X" | 23 text run at (0,0) width 12: "X" |
| 24 RenderTextFragment {#text} at (11,0) size 13x16 | 24 RenderTextFragment {#text} at (11,0) size 13x16 |
| 25 text run at (11,0) width 13: "Y" | 25 text run at (11,0) width 13: "Y" |
| 26 RenderBlock {DIV} at (0,80) size 784x16 | 26 RenderBlock {DIV} at (0,80) size 784x16 |
| 27 RenderInline (generated) at (0,0) size 12x16 [color=#008000] | 27 RenderInline {<pseudo:first-letter>} at (0,0) size 12x16 [color=#008000] |
| 28 RenderTextFragment {#text} at (0,0) size 12x16 | 28 RenderTextFragment at (0,0) size 12x16 |
| 29 text run at (0,0) width 12: "X" | 29 text run at (0,0) width 12: "X" |
| 30 RenderTextFragment {#text} at (11,0) size 13x16 | 30 RenderTextFragment {#text} at (11,0) size 13x16 |
| 31 text run at (11,0) width 13: "Y" | 31 text run at (11,0) width 13: "Y" |
| 32 RenderBlock {DIV} at (0,96) size 784x16 | 32 RenderBlock {DIV} at (0,96) size 784x16 |
| 33 RenderBlock {DIV} at (0,0) size 784x16 | 33 RenderBlock {DIV} at (0,0) size 784x16 |
| 34 RenderInline (generated) at (0,0) size 12x16 [color=#008000] | 34 RenderInline {<pseudo:first-letter>} at (0,0) size 12x16 [color=#00800
0] |
| 35 RenderTextFragment {#text} at (0,0) size 12x16 | 35 RenderTextFragment at (0,0) size 12x16 |
| 36 text run at (0,0) width 12: "X" | 36 text run at (0,0) width 12: "X" |
| 37 RenderTextFragment {#text} at (11,0) size 13x16 | 37 RenderTextFragment {#text} at (11,0) size 13x16 |
| 38 text run at (11,0) width 13: "Y" | 38 text run at (11,0) width 13: "Y" |
| 39 RenderBlock {DIV} at (0,112) size 784x16 | 39 RenderBlock {DIV} at (0,112) size 784x16 |
| 40 RenderBlock {DIV} at (0,0) size 784x16 | 40 RenderBlock {DIV} at (0,0) size 784x16 |
| 41 RenderImage {IMG} at (0,12) size 0x0 | 41 RenderImage {IMG} at (0,12) size 0x0 |
| 42 RenderText {#text} at (0,0) size 4x16 | 42 RenderText {#text} at (0,0) size 4x16 |
| 43 text run at (0,0) width 4: " " | 43 text run at (0,0) width 4: " " |
| 44 RenderText {#text} at (4,0) size 22x16 | 44 RenderText {#text} at (4,0) size 22x16 |
| 45 text run at (4,0) width 22: "YZ" | 45 text run at (4,0) width 22: "YZ" |
| 46 layer at (100,88) size 27x16 | 46 layer at (100,88) size 27x16 |
| 47 RenderBlock (positioned) {DIV} at (100,88) size 26.66x16 | 47 RenderBlock (positioned) {DIV} at (100,88) size 26.66x16 |
| 48 RenderText {#text} at (0,0) size 27x16 | 48 RenderText {#text} at (0,0) size 27x16 |
| 49 text run at (0,0) width 27: "VW" | 49 text run at (0,0) width 27: "VW" |
| 50 layer at (100,104) size 27x16 | 50 layer at (100,104) size 27x16 |
| 51 RenderBlock (positioned) {DIV} at (100,104) size 26.66x16 | 51 RenderBlock (positioned) {DIV} at (100,104) size 26.66x16 |
| 52 RenderText {#text} at (0,0) size 27x16 | 52 RenderText {#text} at (0,0) size 27x16 |
| 53 text run at (0,0) width 27: "VW" | 53 text run at (0,0) width 27: "VW" |
| 54 layer at (100,136) size 27x16 | 54 layer at (100,136) size 27x16 |
| 55 RenderBlock (positioned) {DIV} at (100,136) size 26.66x16 | 55 RenderBlock (positioned) {DIV} at (100,136) size 26.66x16 |
| 56 RenderText {#text} at (0,0) size 27x16 | 56 RenderText {#text} at (0,0) size 27x16 |
| 57 text run at (0,0) width 27: "VW" | 57 text run at (0,0) width 27: "VW" |
| OLD | NEW |