| OLD | NEW |
| 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 953 | 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 953 |
| 2 RenderView at (0,0) size 800x600 | 2 RenderView at (0,0) size 800x600 |
| 3 layer at (0,0) size 785x953 backgroundClip at (0,0) size 785x600 clip at (0,0) s
ize 785x600 outlineClip at (0,0) size 785x600 | 3 layer at (0,0) size 785x953 backgroundClip at (0,0) size 785x600 clip at (0,0) s
ize 785x600 outlineClip at (0,0) size 785x600 |
| 4 RenderBlock {HTML} at (0,0) size 785x953.13 | 4 RenderBlock {HTML} at (0,0) size 785x953.13 |
| 5 RenderBody {BODY} at (8,8) size 769x937.13 | 5 RenderBody {BODY} at (8,8) size 769x937.13 |
| 6 RenderBlock (anonymous) at (0,0) size 769x36 | 6 RenderBlock (anonymous) at (0,0) size 769x36 |
| 7 RenderText {#text} at (0,0) size 763x35 | 7 RenderText {#text} at (0,0) size 763x35 |
| 8 text run at (0,0) width 763: "All of the boxes below should be 20x20 a
nd look identical. Note that the last inline-block box is positioned higher than
" | 8 text run at (0,0) width 763: "All of the boxes below should be 20x20 a
nd look identical. Note that the last inline-block box is positioned higher than
" |
| 9 text run at (0,18) width 179: "the others. This is expected." | 9 text run at (0,18) width 179: "the others. This is expected." |
| 10 RenderBlock {H1} at (0,57.44) size 769x37 | 10 RenderBlock {H1} at (0,57.44) size 769x37 |
| 11 RenderText {#text} at (0,0) size 204x36 | 11 RenderText {#text} at (0,0) size 204x36 |
| 12 text run at (0,0) width 204: "Normal Blocks" | 12 text run at (0,0) width 204: "Normal Blocks" |
| 13 RenderBlock {DIV} at (5,115.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA50
0] [border: (2px solid #000000)] | 13 RenderBlock {DIV} at (5,115.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA50
0] [border: (2px solid #000000)] |
| 14 RenderBlock {DIV} at (5,145.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA50
0] [border: (2px solid #000000)] | 14 RenderBlock {DIV} at (5,145.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA50
0] [border: (2px solid #000000)] |
| 15 RenderBlock {DIV} at (5,175.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA50
0] [border: (2px solid #000000)] | 15 RenderBlock {DIV} at (5,175.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA50
0] [border: (2px solid #000000)] |
| 16 RenderBlock {DIV} at (5,205.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA50
0] [border: (2px solid #000000)] | 16 RenderBlock {DIV} at (5,205.88) size 20x20 [color=#FFFFFF] [bgcolor=#FFA50
0] [border: (2px solid #000000)] |
| 17 RenderBR {BR} at (6,6) size 0x17 | 17 LayoutBR {BR} at (6,6) size 0x17 |
| 18 RenderBR {BR} at (6,24) size 0x17 | 18 LayoutBR {BR} at (6,24) size 0x17 |
| 19 RenderBR {BR} at (6,42) size 0x17 | 19 LayoutBR {BR} at (6,42) size 0x17 |
| 20 RenderBlock {H1} at (0,247.31) size 769x37 | 20 RenderBlock {H1} at (0,247.31) size 769x37 |
| 21 RenderText {#text} at (0,0) size 179x36 | 21 RenderText {#text} at (0,0) size 179x36 |
| 22 text run at (0,0) width 179: "Inline Blocks" | 22 text run at (0,0) width 179: "Inline Blocks" |
| 23 RenderBlock (anonymous) at (0,305.75) size 769x66 | 23 RenderBlock (anonymous) at (0,305.75) size 769x66 |
| 24 RenderBlock {DIV} at (5,36) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] | 24 RenderBlock {DIV} at (5,36) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] |
| 25 RenderBlock {DIV} at (35,36) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] | 25 RenderBlock {DIV} at (35,36) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] |
| 26 RenderBlock {DIV} at (65,36) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] | 26 RenderBlock {DIV} at (65,36) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] |
| 27 RenderBlock {DIV} at (95,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] | 27 RenderBlock {DIV} at (95,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] |
| 28 RenderBR {BR} at (6,6) size 0x17 | 28 LayoutBR {BR} at (6,6) size 0x17 |
| 29 RenderBR {BR} at (6,24) size 0x17 | 29 LayoutBR {BR} at (6,24) size 0x17 |
| 30 RenderBR {BR} at (6,42) size 0x17 | 30 LayoutBR {BR} at (6,42) size 0x17 |
| 31 RenderText {#text} at (0,0) size 0x0 | 31 RenderText {#text} at (0,0) size 0x0 |
| 32 RenderBlock {H1} at (0,393.19) size 769x37 | 32 RenderBlock {H1} at (0,393.19) size 769x37 |
| 33 RenderText {#text} at (0,0) size 241x36 | 33 RenderText {#text} at (0,0) size 241x36 |
| 34 text run at (0,0) width 241: "Positioned Blocks" | 34 text run at (0,0) width 241: "Positioned Blocks" |
| 35 RenderBlock (anonymous) at (0,451.63) size 769x18 | 35 RenderBlock (anonymous) at (0,451.63) size 769x18 |
| 36 RenderBR {BR} at (0,0) size 0x17 | 36 LayoutBR {BR} at (0,0) size 0x17 |
| 37 RenderBlock {H1} at (0,491.06) size 769x37 | 37 RenderBlock {H1} at (0,491.06) size 769x37 |
| 38 RenderText {#text} at (0,0) size 209x36 | 38 RenderText {#text} at (0,0) size 209x36 |
| 39 text run at (0,0) width 209: "Floating blocks" | 39 text run at (0,0) width 209: "Floating blocks" |
| 40 RenderBlock (floating) {DIV} at (5,559.50) size 20x20 [color=#FFFFFF] [bgc
olor=#FFA500] [border: (2px solid #000000)] | 40 RenderBlock (floating) {DIV} at (5,559.50) size 20x20 [color=#FFFFFF] [bgc
olor=#FFA500] [border: (2px solid #000000)] |
| 41 RenderBlock (floating) {DIV} at (35,559.50) size 20x20 [color=#FFFFFF] [bg
color=#FFA500] [border: (2px solid #000000)] | 41 RenderBlock (floating) {DIV} at (35,559.50) size 20x20 [color=#FFFFFF] [bg
color=#FFA500] [border: (2px solid #000000)] |
| 42 RenderBlock (floating) {DIV} at (65,559.50) size 20x20 [color=#FFFFFF] [bg
color=#FFA500] [border: (2px solid #000000)] | 42 RenderBlock (floating) {DIV} at (65,559.50) size 20x20 [color=#FFFFFF] [bg
color=#FFA500] [border: (2px solid #000000)] |
| 43 RenderBlock (floating) {DIV} at (95,559.50) size 20x20 [color=#FFFFFF] [bg
color=#FFA500] [border: (2px solid #000000)] | 43 RenderBlock (floating) {DIV} at (95,559.50) size 20x20 [color=#FFFFFF] [bg
color=#FFA500] [border: (2px solid #000000)] |
| 44 RenderBR {BR} at (6,6) size 0x17 | 44 LayoutBR {BR} at (6,6) size 0x17 |
| 45 RenderBR {BR} at (6,24) size 0x17 | 45 LayoutBR {BR} at (6,24) size 0x17 |
| 46 RenderBR {BR} at (6,42) size 0x17 | 46 LayoutBR {BR} at (6,42) size 0x17 |
| 47 RenderBlock (anonymous) at (0,549.50) size 769x40 | 47 RenderBlock (anonymous) at (0,549.50) size 769x40 |
| 48 RenderBR {BR} at (120,0) size 0x17 | 48 LayoutBR {BR} at (120,0) size 0x17 |
| 49 RenderBlock {H1} at (0,610.94) size 769x37 | 49 RenderBlock {H1} at (0,610.94) size 769x37 |
| 50 RenderText {#text} at (0,0) size 211x36 | 50 RenderText {#text} at (0,0) size 211x36 |
| 51 text run at (0,0) width 211: "Normal Images" | 51 text run at (0,0) width 211: "Normal Images" |
| 52 RenderBlock (anonymous) at (0,669.38) size 769x40 | 52 RenderBlock (anonymous) at (0,669.38) size 769x40 |
| 53 LayoutImage {IMG} at (5,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] | 53 LayoutImage {IMG} at (5,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] |
| 54 LayoutImage {IMG} at (35,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] | 54 LayoutImage {IMG} at (35,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] |
| 55 LayoutImage {IMG} at (65,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] | 55 LayoutImage {IMG} at (65,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] |
| 56 LayoutImage {IMG} at (95,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] | 56 LayoutImage {IMG} at (95,10) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500
] [border: (2px solid #000000)] |
| 57 RenderText {#text} at (0,0) size 0x0 | 57 RenderText {#text} at (0,0) size 0x0 |
| 58 RenderBlock {H1} at (0,730.81) size 769x37 | 58 RenderBlock {H1} at (0,730.81) size 769x37 |
| 59 RenderText {#text} at (0,0) size 248x36 | 59 RenderText {#text} at (0,0) size 248x36 |
| 60 text run at (0,0) width 248: "Positioned Images" | 60 text run at (0,0) width 248: "Positioned Images" |
| 61 RenderBlock (anonymous) at (0,789.25) size 769x18 | 61 RenderBlock (anonymous) at (0,789.25) size 769x18 |
| 62 RenderBR {BR} at (0,0) size 0x17 | 62 LayoutBR {BR} at (0,0) size 0x17 |
| 63 RenderBlock {H1} at (0,828.69) size 769x37 | 63 RenderBlock {H1} at (0,828.69) size 769x37 |
| 64 RenderText {#text} at (0,0) size 220x36 | 64 RenderText {#text} at (0,0) size 220x36 |
| 65 text run at (0,0) width 220: "Floating Images" | 65 text run at (0,0) width 220: "Floating Images" |
| 66 LayoutImage {IMG} at (5,897.13) size 20x20 [color=#FFFFFF] [bgcolor=#FFA50
0] [border: (2px solid #000000)] | 66 LayoutImage {IMG} at (5,897.13) size 20x20 [color=#FFFFFF] [bgcolor=#FFA50
0] [border: (2px solid #000000)] |
| 67 LayoutImage {IMG} at (35,897.13) size 20x20 [color=#FFFFFF] [bgcolor=#FFA5
00] [border: (2px solid #000000)] | 67 LayoutImage {IMG} at (35,897.13) size 20x20 [color=#FFFFFF] [bgcolor=#FFA5
00] [border: (2px solid #000000)] |
| 68 LayoutImage {IMG} at (65,897.13) size 20x20 [color=#FFFFFF] [bgcolor=#FFA5
00] [border: (2px solid #000000)] | 68 LayoutImage {IMG} at (65,897.13) size 20x20 [color=#FFFFFF] [bgcolor=#FFA5
00] [border: (2px solid #000000)] |
| 69 LayoutImage {IMG} at (95,897.13) size 20x20 [color=#FFFFFF] [bgcolor=#FFA5
00] [border: (2px solid #000000)] | 69 LayoutImage {IMG} at (95,897.13) size 20x20 [color=#FFFFFF] [bgcolor=#FFA5
00] [border: (2px solid #000000)] |
| 70 RenderBlock (anonymous) at (0,887.13) size 769x40 | 70 RenderBlock (anonymous) at (0,887.13) size 769x40 |
| 71 RenderBR {BR} at (120,0) size 0x17 | 71 LayoutBR {BR} at (120,0) size 0x17 |
| 72 RenderBlock {HR} at (0,935.13) size 769x2 [border: (1px inset #EEEEEE)] | 72 RenderBlock {HR} at (0,935.13) size 769x2 [border: (1px inset #EEEEEE)] |
| 73 layer at (13,470) size 20x20 | 73 layer at (13,470) size 20x20 |
| 74 RenderBlock (positioned) {DIV} at (13,469.63) size 20x20 [color=#FFFFFF] [bgco
lor=#FFA500] [border: (2px solid #000000)] | 74 RenderBlock (positioned) {DIV} at (13,469.63) size 20x20 [color=#FFFFFF] [bgco
lor=#FFA500] [border: (2px solid #000000)] |
| 75 layer at (43,470) size 20x20 | 75 layer at (43,470) size 20x20 |
| 76 RenderBlock (positioned) {DIV} at (43,469.63) size 20x20 [color=#FFFFFF] [bgco
lor=#FFA500] [border: (2px solid #000000)] | 76 RenderBlock (positioned) {DIV} at (43,469.63) size 20x20 [color=#FFFFFF] [bgco
lor=#FFA500] [border: (2px solid #000000)] |
| 77 layer at (73,470) size 20x20 | 77 layer at (73,470) size 20x20 |
| 78 RenderBlock (positioned) {DIV} at (73,469.63) size 20x20 [color=#FFFFFF] [bgco
lor=#FFA500] [border: (2px solid #000000)] | 78 RenderBlock (positioned) {DIV} at (73,469.63) size 20x20 [color=#FFFFFF] [bgco
lor=#FFA500] [border: (2px solid #000000)] |
| 79 layer at (103,470) size 20x20 | 79 layer at (103,470) size 20x20 |
| 80 RenderBlock (positioned) {DIV} at (103,469.63) size 20x20 [color=#FFFFFF] [bgc
olor=#FFA500] [border: (2px solid #000000)] | 80 RenderBlock (positioned) {DIV} at (103,469.63) size 20x20 [color=#FFFFFF] [bgc
olor=#FFA500] [border: (2px solid #000000)] |
| 81 RenderBR {BR} at (6,6) size 0x17 | 81 LayoutBR {BR} at (6,6) size 0x17 |
| 82 RenderBR {BR} at (6,24) size 0x17 | 82 LayoutBR {BR} at (6,24) size 0x17 |
| 83 RenderBR {BR} at (6,42) size 0x17 | 83 LayoutBR {BR} at (6,42) size 0x17 |
| 84 layer at (13,807) size 20x20 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 | 84 layer at (13,807) size 20x20 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 |
| 85 LayoutImage {IMG} at (13,807.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] | 85 LayoutImage {IMG} at (13,807.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] |
| 86 layer at (43,807) size 20x20 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 | 86 layer at (43,807) size 20x20 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 |
| 87 LayoutImage {IMG} at (43,807.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] | 87 LayoutImage {IMG} at (43,807.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] |
| 88 layer at (73,807) size 20x20 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 | 88 layer at (73,807) size 20x20 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 |
| 89 LayoutImage {IMG} at (73,807.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] | 89 LayoutImage {IMG} at (73,807.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] |
| 90 layer at (103,807) size 20x20 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 | 90 layer at (103,807) size 20x20 backgroundClip at (0,0) size 785x600 clip at (0,0)
size 785x600 outlineClip at (0,0) size 785x600 |
| 91 LayoutImage {IMG} at (103,807.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] | 91 LayoutImage {IMG} at (103,807.25) size 20x20 [color=#FFFFFF] [bgcolor=#FFA500]
[border: (2px solid #000000)] |
| OLD | NEW |