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