인프런 커뮤니티 질문&답변
작성한 질문수
답변 1
1
코딩웍스(Coding Works)
지식공유자
첫번째 방법은 이미지에 생기는 마진은 이미지가 인라인블록이라서 그런거라 부모요소에 font-size: 0를 넣어주면 됩니다.
두번째 방법은 이미지에 margin-right: -5px 정도 주시면 됩니다.
세번째 방법은 img 자체를 블록요소로 변경하면 됩니다.
예를 들어 .inner img 라고 있다면 이 선택자에 display: block을 주면 이미지가 갖는 마진을 없앨 수 있습니다.
이번 예제 같은 경우 display: block으로 변경하면 img가 세로배치되니까 float: left를 해주셔야 합니다.