ul li안에 img를 사용하였을때 여백이 생기는 경우

크롬이나 파폭에서 ul li안에 img를 사용하였을때 여백이 생기는 경우,

img { display: block; }

이런 현상은 img가 inline 엘리먼트이기 때문인데, 텍스트와 같은 inline엘리먼트는 하단에 어느 정도 여백을 둔 basline 위에 존재한다.

이럴 경우에는 아래처럼 img에 display: block; 를 적용시켜주면 여백이 사라진다.