| 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 {H1} at (0,0) size 784x37 | 6 RenderBlock {H1} at (0,0) size 784x37 |
| 7 RenderText {#text} at (0,0) size 505x36 | 7 RenderText {#text} at (0,0) size 505x36 |
| 8 text run at (0,0) width 505: "Dynamically changing pseudo classes" | 8 text run at (0,0) width 505: "Dynamically changing pseudo classes" |
| 9 RenderBlock {P} at (0,58.44) size 784x20 | 9 RenderBlock {P} at (0,58.44) size 784x20 |
| 10 RenderText {#text} at (0,0) size 610x19 | 10 RenderText {#text} at (0,0) size 610x19 |
| 11 text run at (0,0) width 610: "Following meter gauge should be solid gr
een - Changing the paseudo class by changing value attribute" | 11 text run at (0,0) width 610: "Following meter gauge should be solid gr
een - Changing the paseudo class by changing value attribute" |
| 12 RenderBlock (anonymous) at (0,94.44) size 784x15 | 12 RenderBlock (anonymous) at (0,94.44) size 784x15 |
| 13 RenderBlock {METER} at (0,-0.81) size 80x16 | 13 RenderBlock {METER} at (0,-0.81) size 80x16 |
| 14 RenderMeter {DIV} at (0,0) size 80x16 | 14 LayoutMeter {DIV} at (0,0) size 80x16 |
| 15 RenderBlock {DIV} at (0,0) size 80x16 [bgcolor=#808080] | 15 RenderBlock {DIV} at (0,0) size 80x16 [bgcolor=#808080] |
| 16 RenderBlock {DIV} at (0,0) size 72x16 [bgcolor=#008000] | 16 RenderBlock {DIV} at (0,0) size 72x16 [bgcolor=#008000] |
| 17 RenderText {#text} at (0,0) size 0x0 | 17 RenderText {#text} at (0,0) size 0x0 |
| OLD | NEW |