画像の下にできる余白を消す

HTMLやcssをいじっている際、画像の下に指定してもいない5pxくらいの不要な余白ができて消せずに困る事ありませんか？

実はこの余白、i㎎タグがインライン要素であることにより発生しているようです。

余白を消す方法

   vertical-align: bottom;
 }
  img {
   display: block;
  } 

インライン要素なので、このどちらかを位置の指定としてimgに追記してあげることで
簡単に解決ができます。