#디지털노마드10 - HTML 블록 / 인라인 요소

HTML을 공부해본 사람이면, 블록 요소와 인라인 요소를 들어봤을 것이다. 고수분들이라면 당연히 다 알고 있는 내용이다.

현재 HTML / CSS를 배우고 있는 중인데, 두 요소 차이에 대해 간단하게 기록해본다.

블록요소 (Block level)

1. DIV, H1, P 를 가리킨다.
2. 사용 가능한 최대 가로 너비를 사용한다.
3. 크기를 지정할 수 있다.
4. (width: 100%; height: 0;)으로 시작한다.
5. 수직으로 쌓임
6. margin, padding 위 아래 좌 우 사용가능하다.
7. 레이아웃

 

인라인 요소 (Inline)

1. SPAN IMG 를 가리킨다.
2. 필요한 만큼의 너비를 사용한다.
3. 크기를 지정할 수 없다.
4. (width: 0; height: 0;)으로 시작한다.
5. 수평으로 쌓임
6. margin, padding 위 아래는 사용할 수 없다.
7. text