最近コーディングをしていて出会った、imgタグの画像の下にできる隙間(？)。
marginはついてないのに、この細い余白は何なのか…
調べたところ、インライン要素がベースラインに配置されている「vertical-align: baseline;」の状態になっているのが原因のよう。
解決方法は？
結論、「vertical-alignにbaseline以外のものを指定」すればOKとのこと。
vertical-align: top;
vertical-align: middle;
vertical-align: bottom;
上記のいずれかを該当箇所に記述すれば解決します。
件の余白は基本的には不要だと思うので、コーディング初期の段階で設定しておくとよさそうです。