爲什麼img會壓下旁邊的文字內容？

Question

我有這段代碼：

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

隨着夾雜物是img標籤，文本「視圖」被按下。即使我試圖給p標籤一個等於img高度的行高，它仍然看起來不平衡。

我錯過了什麼？ 的jsfiddle例如：http://jsfiddle.net/bLUL6/

Answer 1

img { 
    vertical-align: bottom; 
} 
​ 

This blog有怎樣vertical-align作品與內嵌圖片的詳細解釋。