html - anchor 标签底部的空白

Question

我在图像周围有一个标签。我在标签所在的div上设置了边框。我将margin和padding都设置为0，但由于某种原因，我的标签仍比我的图像高3像素。这在图像和边框之间留了一些空间，破坏了我想要完成的外观。

我究竟做错了什么？我已经在FireFox和Chrome中测试了相同的结果。
谢谢

Answer 1

图像为display: inline，因此将其视为字符并位于基线上。差距是由为下降器提供的空间引起的（可以在类似j，g，y和p的字母上找到）。

用CSS调整vertical-align：img{vertical-align: bottom}