- display: inline
- 자식들 : 가로로 배치, width와 height를 지정할 수 없고 항상 본인 크기 만큼(최소)
- 글자인 것 처럼 가로로 배치됨
- 인라인 요소들 사이에 줄바꿈이 있으면 이는 띄어쓰기 효과가 된다
- span, b, i, a 태그 등
- block
- 본인: width는 모두 차지(최대)
- 자식들 : 세로로 배치됨. width는 컨테이너 만큼(꽉 채움), height는 본인 크기 만큼
- width, height 속성을 지정할 수 있음
- div, p, h, li 태그 등
- display: inline-block
- 자식 배치는 block 그대로 / 본인 크기는 항상 본인(=자식들)이고 글자처럼 배치됨 (inline)