vertical-align
text-alignは、水平方向に対し、vertical-alignは垂直方向の位置を表しています。垂直の位置を合わせる際に使用します。
画像の下に隙間がきてしまう場合にも改善される
画像は、baselineに配置されているため、下部にわずかな余白が生じてしまいます。この場合も、
1 |
img{vertical-align:bottom;} |
などを記述することで、余白なく、ぴったり収まります。
■ リセットCSSを使っても、余白が埋まらないことが多いので、必要に応じて記述しましょう。