| OLD | NEW |
| 1 layer at (0,0) size 785x909 | 1 layer at (0,0) size 785x909 |
| 2 RenderView at (0,0) size 785x600 | 2 RenderView at (0,0) size 785x600 |
| 3 layer at (0,0) size 785x909 | 3 layer at (0,0) size 785x909 |
| 4 RenderBlock {HTML} at (0,0) size 785x910 | 4 RenderBlock {HTML} at (0,0) size 785x909.13 |
| 5 RenderBody {BODY} at (8,8) size 769x894 | 5 RenderBody {BODY} at (8,8) size 769x893.13 |
| 6 RenderBlock (anonymous) at (0,0) size 769x18 | 6 RenderBlock (anonymous) at (0,0) size 769x18 |
| 7 RenderText {#text} at (0,0) size 373x18 | 7 RenderText {#text} at (0,0) size 373x18 |
| 8 text run at (0,0) width 373: "All of the boxes below should be 20x20 a
nd look identical." | 8 text run at (0,0) width 373: "All of the boxes below should be 20x20 a
nd look identical." |
| 9 RenderBlock {H1} at (0,39) size 769x38 | 9 RenderBlock {H1} at (0,39.44) size 769x37 |
| 10 RenderText {#text} at (0,0) size 203x37 | 10 RenderText {#text} at (0,0) size 203x37 |
| 11 text run at (0,0) width 203: "Normal Blocks" | 11 text run at (0,0) width 203: "Normal Blocks" |
| 12 RenderBlock {DIV} at (5,97) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [
border: (2px solid #000000)] | 12 RenderBlock {DIV} at (5,97.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] |
| 13 RenderBlock {DIV} at (5,127) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] | 13 RenderBlock {DIV} at (5,127.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA50
0] [border: (2px solid #000000)] |
| 14 RenderBlock {DIV} at (5,157) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] | 14 RenderBlock {DIV} at (5,157.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA50
0] [border: (2px solid #000000)] |
| 15 RenderBlock {DIV} at (5,187) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] | 15 RenderBlock {DIV} at (5,187.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA50
0] [border: (2px solid #000000)] |
| 16 RenderBR {BR} at (6,6) size 0x18 | 16 RenderBR {BR} at (6,6) size 0x18 |
| 17 RenderBR {BR} at (6,24) size 0x18 | 17 RenderBR {BR} at (6,24) size 0x18 |
| 18 RenderBR {BR} at (6,42) size 0x18 | 18 RenderBR {BR} at (6,42) size 0x18 |
| 19 RenderBlock {H1} at (0,229) size 769x38 | 19 RenderBlock {H1} at (0,229.31) size 769x37 |
| 20 RenderText {#text} at (0,0) size 178x37 | 20 RenderText {#text} at (0,0) size 178x37 |
| 21 text run at (0,0) width 178: "Inline Blocks" | 21 text run at (0,0) width 178: "Inline Blocks" |
| 22 RenderBlock (anonymous) at (0,287) size 769x41 | 22 RenderBlock (anonymous) at (0,287.75) size 769x40 |
| 23 RenderBlock {DIV} at (5,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] | 23 RenderBlock {DIV} at (5,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] |
| 24 RenderBlock {DIV} at (35,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] | 24 RenderBlock {DIV} at (35,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] |
| 25 RenderBlock {DIV} at (65,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] | 25 RenderBlock {DIV} at (65,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] |
| 26 RenderBlock {DIV} at (95,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] | 26 RenderBlock {DIV} at (95,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] |
| 27 RenderBR {BR} at (6,6) size 0x18 | 27 RenderBR {BR} at (6,6) size 0x18 |
| 28 RenderBR {BR} at (6,24) size 0x18 | 28 RenderBR {BR} at (6,24) size 0x18 |
| 29 RenderBR {BR} at (6,42) size 0x18 | 29 RenderBR {BR} at (6,42) size 0x18 |
| 30 RenderText {#text} at (0,0) size 0x0 | 30 RenderText {#text} at (0,0) size 0x0 |
| 31 RenderBlock {H1} at (0,349) size 769x38 | 31 RenderBlock {H1} at (0,349.19) size 769x37 |
| 32 RenderText {#text} at (0,0) size 241x37 | 32 RenderText {#text} at (0,0) size 241x37 |
| 33 text run at (0,0) width 241: "Positioned Blocks" | 33 text run at (0,0) width 241: "Positioned Blocks" |
| 34 RenderBlock (anonymous) at (0,407) size 769x19 | 34 RenderBlock (anonymous) at (0,407.63) size 769x18 |
| 35 RenderBR {BR} at (0,0) size 0x18 | 35 RenderBR {BR} at (0,0) size 0x18 |
| 36 RenderBlock {H1} at (0,447) size 769x38 | 36 RenderBlock {H1} at (0,447.06) size 769x37 |
| 37 RenderText {#text} at (0,0) size 210x37 | 37 RenderText {#text} at (0,0) size 210x37 |
| 38 text run at (0,0) width 210: "Floating blocks" | 38 text run at (0,0) width 210: "Floating blocks" |
| 39 RenderBlock (floating) {DIV} at (5,515) size 20x21 [color=#FFFFFF] [bgcolo
r=#FFA500] [border: (2px solid #000000)] | 39 RenderBlock (floating) {DIV} at (5,515.50) size 20x20 [color=#FFFFFF] [bgc
olor=#FFA500] [border: (2px solid #000000)] |
| 40 RenderBlock (floating) {DIV} at (35,515) size 20x21 [color=#FFFFFF] [bgcol
or=#FFA500] [border: (2px solid #000000)] | 40 RenderBlock (floating) {DIV} at (35,515.50) size 20x20 [color=#FFFFFF] [bg
color=#FFA500] [border: (2px solid #000000)] |
| 41 RenderBlock (floating) {DIV} at (65,515) size 20x21 [color=#FFFFFF] [bgcol
or=#FFA500] [border: (2px solid #000000)] | 41 RenderBlock (floating) {DIV} at (65,515.50) size 20x20 [color=#FFFFFF] [bg
color=#FFA500] [border: (2px solid #000000)] |
| 42 RenderBlock (floating) {DIV} at (95,515) size 20x21 [color=#FFFFFF] [bgcol
or=#FFA500] [border: (2px solid #000000)] | 42 RenderBlock (floating) {DIV} at (95,515.50) size 20x20 [color=#FFFFFF] [bg
color=#FFA500] [border: (2px solid #000000)] |
| 43 RenderBR {BR} at (6,6) size 0x18 | 43 RenderBR {BR} at (6,6) size 0x18 |
| 44 RenderBR {BR} at (6,24) size 0x18 | 44 RenderBR {BR} at (6,24) size 0x18 |
| 45 RenderBR {BR} at (6,42) size 0x18 | 45 RenderBR {BR} at (6,42) size 0x18 |
| 46 RenderBlock (anonymous) at (0,505) size 769x41 | 46 RenderBlock (anonymous) at (0,505.50) size 769x40 |
| 47 RenderBR {BR} at (120,0) size 0x18 | 47 RenderBR {BR} at (120,0) size 0x18 |
| 48 RenderBlock {H1} at (0,566) size 769x38 | 48 RenderBlock {H1} at (0,566.94) size 769x37 |
| 49 RenderText {#text} at (0,0) size 210x37 | 49 RenderText {#text} at (0,0) size 210x37 |
| 50 text run at (0,0) width 210: "Normal Images" | 50 text run at (0,0) width 210: "Normal Images" |
| 51 RenderBlock (anonymous) at (0,625) size 769x41 | 51 RenderBlock (anonymous) at (0,625.38) size 769x40 |
| 52 RenderImage {IMG} at (5,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] | 52 RenderImage {IMG} at (5,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] |
| 53 RenderImage {IMG} at (35,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] | 53 RenderImage {IMG} at (35,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] |
| 54 RenderImage {IMG} at (65,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] | 54 RenderImage {IMG} at (65,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] |
| 55 RenderImage {IMG} at (95,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] | 55 RenderImage {IMG} at (95,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] |
| 56 RenderText {#text} at (0,0) size 0x0 | 56 RenderText {#text} at (0,0) size 0x0 |
| 57 RenderBlock {H1} at (0,686) size 769x38 | 57 RenderBlock {H1} at (0,686.81) size 769x37 |
| 58 RenderText {#text} at (0,0) size 248x37 | 58 RenderText {#text} at (0,0) size 248x37 |
| 59 text run at (0,0) width 248: "Positioned Images" | 59 text run at (0,0) width 248: "Positioned Images" |
| 60 RenderBlock (anonymous) at (0,745) size 769x19 | 60 RenderBlock (anonymous) at (0,745.25) size 769x18 |
| 61 RenderBR {BR} at (0,0) size 0x18 | 61 RenderBR {BR} at (0,0) size 0x18 |
| 62 RenderBlock {H1} at (0,784) size 769x38 | 62 RenderBlock {H1} at (0,784.69) size 769x37 |
| 63 RenderText {#text} at (0,0) size 220x37 | 63 RenderText {#text} at (0,0) size 220x37 |
| 64 text run at (0,0) width 220: "Floating Images" | 64 text run at (0,0) width 220: "Floating Images" |
| 65 RenderImage {IMG} at (5,853) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] | 65 RenderImage {IMG} at (5,853.13) size 20x20 [color=#FFFFFF] [bgcolor=#FFA50
0] [border: (2px solid #000000)] |
| 66 RenderImage {IMG} at (35,853) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] | 66 RenderImage {IMG} at (35,853.13) size 20x20 [color=#FFFFFF] [bgcolor=#FFA5
00] [border: (2px solid #000000)] |
| 67 RenderImage {IMG} at (65,853) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] | 67 RenderImage {IMG} at (65,853.13) size 20x20 [color=#FFFFFF] [bgcolor=#FFA5
00] [border: (2px solid #000000)] |
| 68 RenderImage {IMG} at (95,853) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] | 68 RenderImage {IMG} at (95,853.13) size 20x20 [color=#FFFFFF] [bgcolor=#FFA5
00] [border: (2px solid #000000)] |
| 69 RenderBlock (anonymous) at (0,843) size 769x41 | 69 RenderBlock (anonymous) at (0,843.13) size 769x40 |
| 70 RenderBR {BR} at (120,0) size 0x18 | 70 RenderBR {BR} at (120,0) size 0x18 |
| 71 RenderBlock {HR} at (0,891) size 769x3 [border: (1px inset #EEEEEE)] | 71 RenderBlock {HR} at (0,891.13) size 769x2 [border: (1px inset #EEEEEE)] |
| 72 layer at (13,426) size 20x20 | 72 layer at (13,426) size 20x20 |
| 73 RenderBlock (positioned) {DIV} at (13,425) size 20x21 [color=#FFFFFF] [bgcolor
=#FFA500] [border: (2px solid #000000)] | 73 RenderBlock (positioned) {DIV} at (13,425.63) size 20x20 [color=#FFFFFF] [bgco
lor=#FFA500] [border: (2px solid #000000)] |
| 74 layer at (43,426) size 20x20 | 74 layer at (43,426) size 20x20 |
| 75 RenderBlock (positioned) {DIV} at (43,425) size 20x21 [color=#FFFFFF] [bgcolor
=#FFA500] [border: (2px solid #000000)] | 75 RenderBlock (positioned) {DIV} at (43,425.63) size 20x20 [color=#FFFFFF] [bgco
lor=#FFA500] [border: (2px solid #000000)] |
| 76 layer at (73,426) size 20x20 | 76 layer at (73,426) size 20x20 |
| 77 RenderBlock (positioned) {DIV} at (73,425) size 20x21 [color=#FFFFFF] [bgcolor
=#FFA500] [border: (2px solid #000000)] | 77 RenderBlock (positioned) {DIV} at (73,425.63) size 20x20 [color=#FFFFFF] [bgco
lor=#FFA500] [border: (2px solid #000000)] |
| 78 layer at (103,426) size 20x20 | 78 layer at (103,426) size 20x20 |
| 79 RenderBlock (positioned) {DIV} at (103,425) size 20x21 [color=#FFFFFF] [bgcolo
r=#FFA500] [border: (2px solid #000000)] | 79 RenderBlock (positioned) {DIV} at (103,425.63) size 20x20 [color=#FFFFFF] [bgc
olor=#FFA500] [border: (2px solid #000000)] |
| 80 RenderBR {BR} at (6,6) size 0x18 | 80 RenderBR {BR} at (6,6) size 0x18 |
| 81 RenderBR {BR} at (6,24) size 0x18 | 81 RenderBR {BR} at (6,24) size 0x18 |
| 82 RenderBR {BR} at (6,42) size 0x18 | 82 RenderBR {BR} at (6,42) size 0x18 |
| 83 layer at (13,763) size 20x20 | 83 layer at (13,763) size 20x20 |
| 84 RenderImage {IMG} at (13,763) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [bo
rder: (2px solid #000000)] | 84 RenderImage {IMG} at (13,763.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] |
| 85 layer at (43,763) size 20x20 | 85 layer at (43,763) size 20x20 |
| 86 RenderImage {IMG} at (43,763) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [bo
rder: (2px solid #000000)] | 86 RenderImage {IMG} at (43,763.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] |
| 87 layer at (73,763) size 20x20 | 87 layer at (73,763) size 20x20 |
| 88 RenderImage {IMG} at (73,763) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [bo
rder: (2px solid #000000)] | 88 RenderImage {IMG} at (73,763.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] |
| 89 layer at (103,763) size 20x20 | 89 layer at (103,763) size 20x20 |
| 90 RenderImage {IMG} at (103,763) size 20x21 [color=#FFFFFF] [bgcolor=#FFA500] [b
order: (2px solid #000000)] | 90 RenderImage {IMG} at (103,763.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] |
| OLD | NEW |