inline
- 다른 엘리먼트들과 나란히 배치
- width, height 속성을 지정해도 무시된다.
- margin, padding 속성은 좌우 간격만 반영, 상하 간격은 반영 X
<span>,<a>,<em>
block
- 다른 엘리먼트들을 다른 줄로 밀어내고 혼자 한 줄 차지
- width, height, margin, padding 속성 모두 반영
<div>,<p>,<h1>
inline-block
- 하이브리드 모드
- 전후 줄바꿈 없이 한 줄에 다른 엘리먼트들과 나란히 배치
- width, height, margin, padding 속성 지정 가능
<button>,<input>,<select>
