| 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 800x302 | 3 layer at (0,0) size 800x302 |
| 4 RenderBlock {HTML} at (0,0) size 800x302 | 4 RenderBlock {HTML} at (0,0) size 800x302 |
| 5 RenderBody {BODY} at (8,16) size 784x278 | 5 RenderBody {BODY} at (8,16) size 784x278 |
| 6 RenderBlock {P} at (0,0) size 784x18 | 6 RenderBlock {P} at (0,0) size 784x18 |
| 7 RenderText {#text} at (0,0) size 226x18 | 7 RenderText {#text} at (0,0) size 226x18 |
| 8 text run at (0,0) width 226: "Drawing the controls in strict mode." | 8 text run at (0,0) width 226: "Drawing the controls in strict mode." |
| 9 RenderBlock (anonymous) at (0,34) size 784x244 | 9 RenderBlock (anonymous) at (0,34) size 784x244 |
| 10 RenderText {#text} at (0,0) size 0x0 | 10 RenderText {#text} at (0,0) size 0x0 |
| 11 RenderText {#text} at (0,0) size 0x0 | 11 RenderText {#text} at (0,0) size 0x0 |
| 12 RenderText {#text} at (0,0) size 0x0 | 12 RenderText {#text} at (0,0) size 0x0 |
| 13 layer at (8,50) size 320x240 | 13 layer at (8,50) size 320x240 |
| 14 RenderVideo {VIDEO} at (0,0) size 320x240 | 14 RenderVideo {VIDEO} at (0,0) size 320x240 |
| 15 layer at (8,50) size 320x240 | 15 layer at (8,50) size 320x240 |
| 16 RenderBlock (relative positioned) {DIV} at (0,0) size 320x240 | 16 RenderBlock (relative positioned) {DIV} at (0,0) size 320x240 |
| 17 layer at (8,258) size 320x32 | 17 layer at (8,258) size 320x32 |
| 18 RenderFlexibleBox (positioned) {DIV} at (0,208) size 320x32 [bgcolor=#00000099
] | 18 RenderFlexibleBox (positioned) {DIV} at (0,208) size 320x32 [bgcolor=#00000099
] |
| 19 layer at (15,264) size 18x19 | 19 layer at (15,264) size 18x19 |
| 20 RenderButton {INPUT} at (7,6) size 18x19 | 20 RenderButton {INPUT} at (7,6) size 18x19 |
| 21 layer at (38,258) size 256x32 | 21 layer at (38,258) size 256x32 |
| 22 RenderFlexibleBox (positioned) {DIV} at (30,0) size 256x32 | 22 RenderFlexibleBox (positioned) {DIV} at (30,0) size 256x32 [border: (1px solid
#FFFFFF33) none (1px solid #FFFFFF33)] |
| 23 layer at (236,264) size 58x20 | 23 layer at (235,264) size 58x20 |
| 24 RenderBlock (positioned) {DIV} at (198,6) size 58x20 [color=#FFFFFF] | 24 RenderBlock (positioned) {DIV} at (197,6) size 58x20 [color=#FFFFFF] |
| 25 RenderText {#text} at (8,2) size 41x17 | 25 RenderText {#text} at (8,2) size 41x17 |
| 26 text run at (8,2) width 41: "00:00" | 26 text run at (8,2) width 41: "00:00" |
| 27 layer at (44,264) size 185x24 | 27 layer at (45,265) size 183x24 |
| 28 RenderSlider {INPUT} at (6,6) size 185x18 [color=#328CDF] [bgcolor=#FFFFFF14]
[border: (1px solid #FFFFFF33)] | 28 RenderSlider {INPUT} at (7,7) size 183x18 [color=#328CDF] [bgcolor=#FFFFFF14]
[border: (1px solid #FFFFFF33)] |
| 29 RenderBlock {DIV} at (3,-5) size 9x29 | 29 RenderBlock {DIV} at (3,-5) size 9x29 |
| 30 layer at (294,258) size 34x32 | 30 layer at (294,258) size 34x32 |
| 31 RenderButton {INPUT} at (286,0) size 34x32 | 31 RenderButton {INPUT} at (286,0) size 34x32 |
| OLD | NEW |