html - 为什么一个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;
}
​

该博客详细说明了如何vertical-align使用内联图像。