这两个方框 为什么对不齐，不一样高？？？

这两个方框 为什么对不齐，不一样高？？？
两个方框都是20像素宽高，为什么对不齐呢？（仅仅不同的是第一个方框里有一个20像素宽高的图片）


<span style= "border:1px solid red; width:20; height:20; "> <img src= "1.gif " width= "20 " height= "20 "> </span>
<span style= "border:1px solid red; width:20; height:20; "> </span>


[解决办法]
图片的宽高改小点嘛