htmlでimgの回り込みを使った場合に1行目だけがセンタリングされてしまう。

htmlでimgの回り込みを使った場合に1行目だけがセンタリングされてしまうことがある。
その場合は1行目だけにdisplay:blockを当てたら直った。

<p>
<img align="left">
なんとかかんとか
なんとかかんとかなんとかかんとかなんとかかんとかなんとかかんとかなんとかかんとか</p>

のような場合、

<p>
<img align="left">
<span style="display:block;">なんとかかんとか</span>
なんとかかんとかなんとかかんとかなんとかかんとかなんとかかんとかなんとかかんとか</p>

としたら直った。
だがXHTMLではimgのalignによる回り込みは推奨されていない。
あんまり使わないほうがいいということだ。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA