block과 inline-block의 차이

display: inline;

text만큼의 공간만 차지하고 줄바꿈을 하지않는다.
width와 height / margin,padding / line-height 사용불가.

display: block;

무조건 한줄로 공간을 차지한다.

display: inline-block;

inline속성과 block의 속성의 특징을 둘 다 가지고있는 속성.
width와 height / margin,padding / line-height 적용 가능하다.