imgタグで画像を設定する際、画像の下に余白ができる場合があります。
今回は、その余白を消す方法を紹介します。
img要素に対して余白ができる原因は、画像を含むインライン要素にvertical-align: baseline;の初期値が効いているからです。
解決方法は、
上記で余白は消えます。ぜひ、試してみてください。
CSS｜「スマホ表示」画面が動く際に原因を見つける方法
CSS｜メディア特性を使用してスマホのみhoverさせない方法
CSS｜キャプション（テキスト）の幅を画像の幅に合わせる方法
CSS｜deta属性の使用方法①［タイトルに仮名を付ける方法］
CSS｜deta属性の使用方法②［ラベルを作成し、文言や色を指定する方法］
