画像と文字の位置関係

今日は雌ライオンが一匹外に出ていて、ちょうどガラスの目の前でウトウトしています。

今日は雌ライオンが一匹外に出ていて、ちょうどガラスの目の前でウトウトしています。

今日は雌ライオンが一匹外に出ていて、ちょうどガラスの目の前でウトウトしています。

今日は雌ライオンが一匹外に出ていて、ちょうどガラスの目の前でウトウトしています。

ノート

テキストに示してあるようにimg要素の「align」属性は非推奨となっています。
画像と文字の位置関係はスタイルシートのvertical-alignプロパティを使います。

• vertical-align:top 画像の上辺と文字の上辺を合わせる
• vertical-align:middle 画像の中央と文字のベースラインを合わせる
• vertical-align:bottom 画像の下辺と文字の下辺を合わせる
• vertical-align:baseline 画像の下辺と文字のベースラインを合わせる
• デフォルトでは「baseline」となっています。
• 上記例は上から指定無し、bottom、top、middleを設定しています。

戻る