Block-level elements
: block-level elements는 부모 요소의 전체 공간을 차지하여 "block"을 만든다.
block-level elements는 언제나 새로운 줄에서 시작하고, 좌우 양쪽으로 최대한 늘어나 가능한 모든 너비(width)를 차지한다.
Inline elements
: inline elements는 콘텐츠의 흐름을 끊지 않고, 요소를 구성하는 태그에 할당된 공간만 차지한다.
inline elements는 새로운 줄을 만들지 않으며 필요한 너비만 차지한다.
Container tag
: 콘텐츠나 레이아웃에 아무런 영향도 주지 않고, 단지 다른 요소 여럿을 묶어 관리하기 편하게 만드는 역할을 함. 콘텐츠 내용을 구분하거나, 공통적인 스타일을 적용하고자 할 때 사용하면 좋다.
- div : block-level container
- span : inline container
