◎ レイアウトを学ぶ

気になる?画像の隙間

vertical-align

text-alignは、水平方向に対し、vertical-alignは垂直方向の位置を表しています。垂直の位置を合わせる際に使用します。

画像の下に隙間がきてしまう場合にも改善される
画像は、baselineに配置されているため、下部にわずかな余白が生じてしまいます。この場合も、

などを記述することで、余白なく、ぴったり収まります。

■ リセットCSSを使っても、余白が埋まらないことが多いので、必要に応じて記述しましょう。