블록 레벨 / 인라인 레벨

블록 레벨

---

• 부모 요소의 가로 영역에 맞게 꽉 채워져 표현되는 요소. 
• 양옆으로 다른 요소가 배치되지 않게 박스를 생성하므로 박스의 위아래로 줄 바꿈 
• 블록 레벨 요소는 일반적인 모든 요소(블록, 인라인 레벨 등)를 포함
• " div, h1~h6, p, ul, li, table ..."

인라인 레벨

---

• 하나의 라인 안에서 자신의 내용만큼의 박스를 만드는 요소
• 라인의 흐름을 끊지 않고 요소 앞 뒤로도 줄 바꿈이 되지 않아 다른 인라인 요소들이 자리 가능
• 블록 레벨 요소의 자식으로 분류되기 때문에 인라인 레벨 요소는 블록 레벨 요소를 포함할 수 없음
• 단, <a>는 인라인 레벨 요소지만 자손으로 블록 레벨 요소를 가질 수 있음
• " span, i, img, em, strong, a ..."