imgタグにalign="left"やalign="right"を指定すれば、画像の横に文字が回り込みます。

しかし、もしCSSで img { vertical-align:middle; } のように vertical-align を指定してしまっていると、IE6ではimgタグにalign="left"を指定しても画像の横には1行しか回り込まないようです。

Firefoxの場合は、スタイルシートでvertical-alignを指定していても、imgタグにalign="left"を記述すれば画像の横には文字が複数行回り込みます。

ちなみに、imgタグのalign属性にtopやbottomやmiddleを指定すると、画像の横には1行しか回り込まないのだそうです。

ということで、CSSですべてのimgタグに対して img { vertical-align:middle; } を指定するとこのような弊害があるので気をつけたほうがよさそうです。

• 
• ツイートで共有

著者について

F.Ko-Ji

Webエンジニアやってます。最近は ドットインストール の開発がお仕事です。その傍ら、個人で Meity や 電車遅延なう、梅酒.in、 #グラドル自画撮り部 の部室といったネットサービスを開発・運営してます。梅酒と草野球とリアル脱出ゲームが好きです。

» 詳しいプロフィールや運営サービスの一覧など