为什么img会按下它旁边的文本内容？

Question

我有这段代码：

<p><img src="img/icon.png" />View</p>

包含该img标记后，文本“view”被按下。即使我试图给p标签一个等于img高度的行高，它仍然看起来不平衡。

我错过了什么？ jsfiddle示例：http://jsfiddle.net/bLUL6/

Answer 1

img {
    vertical-align: bottom;
}
​

This blog详细解释了vertical-align如何使用内联图片。