Why does my image have space underneath?

Question

Images gain a mysterious empty space underneath, even if padding:0;margin:0 are applied.

Demonstration

Answer 1

check out this CSS jsfiddle CSS

div {border:1px solid red;width:100px;line-height:0}
img {width:100px;}