前回のCSSは記述間違いでした
- imgタグがCLASS属性表示
- middleがスペルミス
img{
vertical-align:middle;
}
でCSSの記述だけでは説明が足りないですね。
HTMLは以下の内容です。
<p>
<a>ここに本文</a>
<img />
</p>
CSSで別のタグで文字と画像の高さを揃えるためにpタグに下記内容を追記しても
imgタグでの要素を引き継ぐためと考えられる。
p{
vertical-align:bottom;
}
まとめ
Firefox、Safariでは問題なく日本語(2バイト文字)、英数字と字の高さは揃います。
Internet Explorer6では文字の高さが変更される。