inline-block 으로 했을때 요소간 여백 없애기

margin, padding을 0으로 줬음에도 inline-block으로 수평정렬을 했을때 간격이 생기는 경우가 있다.
이때에는 inline-block이 적용된 요소의 부모에 아래와 같이 초기화를 시키고 다시 자식요소에서 속성을 살려야한다.

.container {
  font-size: 0px;
  letter-spacing: 0px;
  word-spacing: 0px;
}

.container > div {
  display: inline-block;
  margin: 0px;
  padding: 0px;
  font-size: 15px;
  letter-spacing: 1em;
  word-spacing: 2em;
}