display: inline; 은 텍스트처럼
ex)
<img>
,<a>
,<span>
,<strong>
등
옆으로 쭉 나열 되다가, 공간이 모자라면 다음 줄로 넘어간다.
display: block; 은 쌓이는 상자처럼
ex)
<div>
,<p>
width는 옆으로 늘어날 수 있는 만큼 최대한(자기 부모 요소의 width 만큼), height는 내용물의 높이만큼 옆에 공간이 남아 있어도 세로로 배치
display: inline-block; 위의 두 속성 모두 가짐