블록요소 / 인라인요소

블록요소(div, h1, p, section, nav...)

 

1) 사용가능한 최대 가로 너비를 사용(width: 100%; height: 0;)

2) 크기 지정이 가능

3) 수직으로 쌓임

4) margin, padding이 상하좌우 모두 적용 가능

5) 레이아웃을 위한 용도

 

인라인요소(span, img, a...)

 

1) 필요한 만큼의 너비만 사용(내용이 있는 만큼만 사용)

2) 크기 지정이 불가

3) 수평으로 쌓임(수직으로 작성하면 띄어쓰기 발생)

4) margin, padding이 좌우만 적용 가능(상하는 미적용)

5) Text를 위한 용도

 

※display: block/inline으로 변경 가능