inline 또는 Inline-block 사용 시 문제(경험)

inline-block을 사용해 태그들을 넣다보면 양끝이 맞지 않거나 화면이 깨져버린다.

이때 inline-block 속성을 준 부모에게 font-size:0 을 준후 inline-block 속성을 준 태그들에게 원래폰트사이즈를 준다.

ex)

ul {
  font-size: 0;
}
li {
  display: inline; // 또는 inline-block;
  border: 1px solid #bcbcbc;
  padding: 10px;
  font-size: 16px;
}