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

Changing img to a block level element

img {
  display: block;
}

will also remove the space below the image.