| 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 784x18 | 6 RenderBlock {P} at (0,0) size 784x16 |
| 7 RenderText {#text} at (0,0) size 153x18 | 7 RenderText {#text} at (0,0) size 157x16 |
| 8 text run at (0,0) width 153: "Test controls placement." | 8 text run at (0,0) width 157: "Test controls placement." |
| 9 RenderBlock (anonymous) at (0,34) size 784x114 | 9 RenderBlock (anonymous) at (0,32) size 784x108 |
| 10 RenderBR {BR} at (300,30) size 0x0 | 10 RenderBR {BR} at (300,30) size 0x0 |
| 11 RenderBR {BR} at (0,30) size 0x18 | 11 RenderBR {BR} at (0,30) size 0x16 |
| 12 RenderBR {BR} at (320,78) size 0x0 | 12 RenderBR {BR} at (320,76) size 0x0 |
| 13 RenderBR {BR} at (0,78) size 0x18 | 13 RenderBR {BR} at (0,76) size 0x16 |
| 14 RenderBR {BR} at (0,96) size 0x18 | 14 RenderBR {BR} at (0,92) size 0x16 |
| 15 layer at (8,42) size 300x30 | 15 layer at (8,40) size 300x30 |
| 16 RenderMedia {AUDIO} at (0,0) size 300x30 [bgcolor=#0000FF] | 16 RenderMedia {AUDIO} at (0,0) size 300x30 [bgcolor=#0000FF] |
| 17 layer at (8,90) size 320x30 | 17 layer at (8,86) size 320x30 |
| 18 RenderMedia {AUDIO} at (0,48) size 320x30 [bgcolor=#0000FF] | 18 RenderMedia {AUDIO} at (0,46) size 320x30 [bgcolor=#0000FF] |
| 19 layer at (8,42) size 300x30 | 19 layer at (8,40) size 300x30 |
| 20 RenderFlexibleBox {DIV} at (0,0) size 300x30 | 20 RenderFlexibleBox {DIV} at (0,0) size 300x30 |
| 21 RenderBlock {DIV} at (0,0) size 300x30 | 21 RenderBlock {DIV} at (0,0) size 300x30 |
| 22 layer at (8,42) size 300x30 | 22 layer at (8,40) size 300x30 |
| 23 RenderFlexibleBox {DIV} at (0,0) size 300x30 [bgcolor=#141414CC] | 23 RenderFlexibleBox {DIV} at (0,0) size 300x30 [bgcolor=#141414CC] |
| 24 RenderButton {INPUT} at (9,0) size 30x30 | 24 RenderButton {INPUT} at (9,0) size 30x30 |
| 25 RenderSlider {INPUT} at (48,11) size 103.39x8 | 25 RenderSlider {INPUT} at (48,11) size 102.89x8 |
| 26 RenderFlexibleBox {DIV} at (0,0) size 103.39x8 [border: (1px solid #E6E6E6
59)] | 26 RenderFlexibleBox {DIV} at (0,0) size 102.89x8 [border: (1px solid #E6E6E6
59)] |
| 27 RenderBlock {DIV} at (1,-8) size 115.39x24 | 27 RenderBlock {DIV} at (1,-8) size 114.89x24 |
| 28 RenderBlock {DIV} at (-7,0) size 32x24 | 28 RenderBlock {DIV} at (-7,0) size 32x24 |
| 29 RenderFlexibleBox {DIV} at (166.39,0) size 25x30 [color=#FFFFFF] | 29 RenderFlexibleBox {DIV} at (165.89,0) size 26.03x30 [color=#FFFFFF] |
| 30 RenderBlock (anonymous) at (0,0) size 25x30 | 30 RenderBlock (anonymous) at (0,0) size 26.03x30 |
| 31 RenderText {#text} at (0,7) size 25x15 | 31 RenderText {#text} at (0,7) size 27x15 |
| 32 text run at (0,7) width 25: "0:07" | 32 text run at (0,7) width 27: "0:07" |
| 33 RenderButton {INPUT} at (200.39,0) size 35x30 | 33 RenderButton {INPUT} at (200.92,0) size 35x30 |
| 34 RenderSlider {INPUT} at (241.39,11) size 43.61x8 | 34 RenderSlider {INPUT} at (241.92,11) size 43.08x8 |
| 35 RenderFlexibleBox {DIV} at (0,0) size 43.61x8 [border: (1px solid #E6E6E65
9)] | 35 RenderFlexibleBox {DIV} at (0,0) size 43.08x8 [border: (1px solid #E6E6E65
9)] |
| 36 RenderBlock {DIV} at (1,-8) size 55.61x24 | 36 RenderBlock {DIV} at (1,-8) size 55.08x24 |
| 37 RenderBlock {DIV} at (24.61,0) size 24x24 | 37 RenderBlock {DIV} at (24.08,0) size 24x24 |
| 38 layer at (8,90) size 320x30 | 38 layer at (8,86) size 320x30 |
| 39 RenderFlexibleBox {DIV} at (0,0) size 320x30 | 39 RenderFlexibleBox {DIV} at (0,0) size 320x30 |
| 40 RenderBlock {DIV} at (0,0) size 320x30 | 40 RenderBlock {DIV} at (0,0) size 320x30 |
| 41 layer at (8,90) size 320x30 | 41 layer at (8,86) size 320x30 |
| 42 RenderFlexibleBox {DIV} at (0,0) size 320x30 [bgcolor=#141414CC] | 42 RenderFlexibleBox {DIV} at (0,0) size 320x30 [bgcolor=#141414CC] |
| 43 RenderButton {INPUT} at (9,0) size 30x30 | 43 RenderButton {INPUT} at (9,0) size 30x30 |
| 44 RenderSlider {INPUT} at (48,11) size 113.25x8 | 44 RenderSlider {INPUT} at (48,11) size 112.73x8 |
| 45 RenderFlexibleBox {DIV} at (0,0) size 113.25x8 [border: (1px solid #E6E6E6
59)] | 45 RenderFlexibleBox {DIV} at (0,0) size 112.73x8 [border: (1px solid #E6E6E6
59)] |
| 46 RenderBlock {DIV} at (1,-8) size 125.25x24 | 46 RenderBlock {DIV} at (1,-8) size 124.73x24 |
| 47 RenderBlock {DIV} at (-7,0) size 32x24 | 47 RenderBlock {DIV} at (-7,0) size 32x24 |
| 48 RenderFlexibleBox {DIV} at (176.25,0) size 25x30 [color=#FFFFFF] | 48 RenderFlexibleBox {DIV} at (175.73,0) size 26.03x30 [color=#FFFFFF] |
| 49 RenderBlock (anonymous) at (0,0) size 25x30 | 49 RenderBlock (anonymous) at (0,0) size 26.03x30 |
| 50 RenderText {#text} at (0,7) size 25x15 | 50 RenderText {#text} at (0,7) size 27x15 |
| 51 text run at (0,7) width 25: "0:07" | 51 text run at (0,7) width 27: "0:07" |
| 52 RenderButton {INPUT} at (210.25,0) size 35x30 | 52 RenderButton {INPUT} at (210.77,0) size 35x30 |
| 53 RenderSlider {INPUT} at (251.25,11) size 53.75x8 | 53 RenderSlider {INPUT} at (251.77,11) size 53.23x8 |
| 54 RenderFlexibleBox {DIV} at (0,0) size 53.75x8 [border: (1px solid #E6E6E65
9)] | 54 RenderFlexibleBox {DIV} at (0,0) size 53.23x8 [border: (1px solid #E6E6E65
9)] |
| 55 RenderBlock {DIV} at (1,-8) size 65.75x24 | 55 RenderBlock {DIV} at (1,-8) size 65.23x24 |
| 56 RenderBlock {DIV} at (34.75,0) size 24x24 | 56 RenderBlock {DIV} at (34.23,0) size 24x24 |
| 57 layer at (8,138) size 320x100 | 57 layer at (8,132) size 320x100 |
| 58 RenderMedia {AUDIO} at (8,138) size 320x100 [bgcolor=#0000FF] | 58 RenderMedia {AUDIO} at (8,132) size 320x100 [bgcolor=#0000FF] |
| 59 layer at (8,138) size 320x100 | 59 layer at (8,132) size 320x100 |
| 60 RenderFlexibleBox {DIV} at (0,0) size 320x100 | 60 RenderFlexibleBox {DIV} at (0,0) size 320x100 |
| 61 RenderBlock {DIV} at (0,70) size 320x30 | 61 RenderBlock {DIV} at (0,70) size 320x30 |
| 62 layer at (8,208) size 320x30 | 62 layer at (8,202) size 320x30 |
| 63 RenderFlexibleBox {DIV} at (0,0) size 320x30 [bgcolor=#141414CC] | 63 RenderFlexibleBox {DIV} at (0,0) size 320x30 [bgcolor=#141414CC] |
| 64 RenderButton {INPUT} at (9,0) size 30x30 | 64 RenderButton {INPUT} at (9,0) size 30x30 |
| 65 RenderSlider {INPUT} at (48,11) size 113.25x8 | 65 RenderSlider {INPUT} at (48,11) size 112.73x8 |
| 66 RenderFlexibleBox {DIV} at (0,0) size 113.25x8 [border: (1px solid #E6E6E6
59)] | 66 RenderFlexibleBox {DIV} at (0,0) size 112.73x8 [border: (1px solid #E6E6E6
59)] |
| 67 RenderBlock {DIV} at (1,-8) size 125.25x24 | 67 RenderBlock {DIV} at (1,-8) size 124.73x24 |
| 68 RenderBlock {DIV} at (-7,0) size 32x24 | 68 RenderBlock {DIV} at (-7,0) size 32x24 |
| 69 RenderFlexibleBox {DIV} at (176.25,0) size 25x30 [color=#FFFFFF] | 69 RenderFlexibleBox {DIV} at (175.73,0) size 26.03x30 [color=#FFFFFF] |
| 70 RenderBlock (anonymous) at (0,0) size 25x30 | 70 RenderBlock (anonymous) at (0,0) size 26.03x30 |
| 71 RenderText {#text} at (0,7) size 25x15 | 71 RenderText {#text} at (0,7) size 27x15 |
| 72 text run at (0,7) width 25: "0:07" | 72 text run at (0,7) width 27: "0:07" |
| 73 RenderButton {INPUT} at (210.25,0) size 35x30 | 73 RenderButton {INPUT} at (210.77,0) size 35x30 |
| 74 RenderSlider {INPUT} at (251.25,11) size 53.75x8 | 74 RenderSlider {INPUT} at (251.77,11) size 53.23x8 |
| 75 RenderFlexibleBox {DIV} at (0,0) size 53.75x8 [border: (1px solid #E6E6E65
9)] | 75 RenderFlexibleBox {DIV} at (0,0) size 53.23x8 [border: (1px solid #E6E6E65
9)] |
| 76 RenderBlock {DIV} at (1,-8) size 65.75x24 | 76 RenderBlock {DIV} at (1,-8) size 65.23x24 |
| 77 RenderBlock {DIV} at (34.75,0) size 24x24 | 77 RenderBlock {DIV} at (34.23,0) size 24x24 |
| OLD | NEW |