선생님 안녕하세요
div 아래 img태그를 넣었을 때 div태그에 이미지 크기보다 큰 공백이 생겨버립니다. 이럴경우 어떻게 해결해야할까요?&nbsp; img태그에 float:left 를 주면 딱 맞춰지는데 float를 줘도 괜찮을까요?

<img src="https://cdn.inflearn.com/public/files/posts/4fb7b937-f99c-45f0-bc2c-19c2f260e89c/img.PNG" title="img.PNG" width="473" height="588" alt="" />

이미지 태그에 생기는 마지는 폰트 관련 속성입니다. 완전히 없애 시려면 이미지를 display: block으로 바꾸시면 아래쪽 맞으니 깔끔하게 없어집니다.

사진이 .... 매우 훌륭하네요. 무야호~!

아래의 Stack Overflow 답변을 참고하시기 바랍니다.
Img 엘리먼트가 기본적으로 Inline 이에서 생기는 문제라고 하네요.
CSS로 이미지의 vertical-align을 조절하거나, display 속성을 변경하는 방법등을 제시하고 있습니다.
<a href="https://stackoverflow.com/questions/5804256/image-inside-div-has-extra-space-below-the-image" target="_blank" rel="noopener noreferrer">html - Image inside div has extra space below te image - Stack Overflow</a>

인프런 커뮤니티 질문&답변

div 아래 img 공백