display: inline-block 속성 숨겨진 여백 제거

block 속성을 가진 태그 안쪽에 inline element가 있으면, 기본적으로 block 속성과 inline 속성 사이에 빈 여백이 존재한다.

해결법 wrapping된 태그에

font-size:0;
letter-spacing:0;
word-spacing:0;

값을 넣어서 초기화 시켜주고 내부 태그에 다시 정의 내려주면 해결된다.

해결하기 어렵다면, float 속성으로 구현하면 해결된다.