[css]imgタグに余白ができてしまう件

imgタグで

div {
  margin:0;
  padding:0;
}

と設定しても余白ができてしまう現象があり、この古典的な悩みを解決するために調べたところ、

div {
  margin:0;
  padding:0;
  line-height:0;
}

line-height:0を追加すればいけることが判明し、確かに、これ追加したら、余白がなくなった。

ちなみに元になるコーディングデータは

<div>
  <img src=""><img src="">
</div>

参考
imgとimgの間の余白を消す。