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は、インライン画像の操作方法について詳しく説明しています。