floatした時に画像とテキストの上辺がずれるとき

よく画像を左右どちらかに寄せてその横に文字を並べるレイアウトを見ると思います。
その時はfloatを使うことが多いです。

左右に並べた時画像とテキストの上辺が合わないことがあります。

marginpaddingとかで解決できればそれで良いのですが、いろいろ試してダメだったとき
の解決法。

それは画像を囲っているタグ(たとえばp)に

p {
font-size: 1px;
}

と指定してあげること。もしかしたら1pxじゃなくてもいいかもしれない。

他の原因があったのかもしれないけど今回はこれで解決したのでメモ。

コメント

タイトルとURLをコピーしました