img 요소 아래단 공백 뜨는 현상 (Img - bottom margin)

It's because imgs are display: inline, so they sit on the baseline like
text, with a bit of space below them for descenders.

Make the img display: block.

or img vertical-align:bottom;


이미지 넣어보면 아래단에 쓸데 없는 공백이 생긴다

뭐 이유는 알아서 해석해서 보시고

display:bolck 로 주면 좌측에 딱 붙어버려서 다른 정렬방식이 안 먹는거같다

vertical-align:bottom 은 정렬방식도 바꿀수 있어서 더 나은듯.