요소가 화면에 출력되는 특성으로 크게 2가지로 구분된다.

인라인(inline) 요소: 글자를 만들기 위한 요소들.
블록(block) 요소: 상자를(레이아웃) 만들기 위한 요소들.

인라인 요소는 수평으로 쌓인다. 줄 바꿈 하면 띄어쓰기로 처리된다.
가로, 세로 사이즈가 포함하고 있는 콘텐츠 크기만큼 자동으로 줄어즌다.

style 로 가로, 세로 값을 줘도 반응하지 않는다.

margin, padding 을 위아래 적용해도 적용되지 않는다. 좌우는 된다.

inline 요소 안에 block 요소를 사용할 수 없다.

블록 요소는 수직으로 쌓인다. 위에서 아래로!
블록 요소의 가로 크기는 부모요소의 크기만큼 자동으로 늘어난다.
반대로 세로 크기는 콘텐츠 크기만큼 자동으로 줄어든다.

style 로 가로, 세로 값을 주면 잘 적용된다.

margin, padding 을 위아래 좌우 잘 적용된다.

block 안에 inline, block 요소 모두 사용 할 수 있다.