인라인 블록들 간의 빈 공간 해결법

display: inline-block; 을 여러 엘리먼트에 주면, 이상하게도 엘리먼트간에 빈 공백이 발생한다.

이는 inline 속성 자체가 스페이스바, 줄바꿈을 공백으로 인식하기 때문이다.

따라서 이를 해결하는 방법은 여러가지가 있으나 이는

https://css-tricks.com/fighting-the-space-between-inline-block-elements/

을 확인하면 되고, 현실적인 방안은 부모컨테이너에 폰트사이즈를 0으로 주는 것이다.