Block vs Inline

HTML - 블록 레벨 요소와 인라인 요소

1. 블록 요소
1. div, h1, p
2. 사용 가능한 최대 가로 너비를 사용한다.
3. 크기를 지정할 수 있다.
4. (width : 100%; height: 0; 로 시작)
5. 수직으로 쌓인다.
6. margin, padding 위, 아래, 좌, 우 사용가능
7. 레이아웃 용도



2. 인라인 요소
1. span, img
2. 필요한 만큼의 너비(포함하고 있는 content)를 사용한다.
3. 크기를 지정할 수 없다.
4. (width : 0; height: 0; 로 시작)
5. 수평으로 쌓인다.
6. margin, padding의 위, 아래는 사용을 할 수 없다.
7. Text 다루른 용도

둘 다 width와 height가 auto로 지정되어있지만, 구현방식이 다르다.