블록 & 인라인

🏹 Block Level 요소

부모 요소의 가로 영역에 맞게 꽉 채워져서 표현되는 요소
한 줄에 하나의 요소가 표시되며, 일반적인 모든 요소를 포함할 수 있다.
div, h1 ~ h6, p, ul, li, table, pre, hr ...

🏹 Inline Level 요소

한 줄에서 자신의 내용만큼의 박스를 만드는 요소
한 줄에 여러 개의 요소가 표시될 수 있다.
span, i, em, b, strong, a, img, mark ...

  💥 주의 : Inline Level 요소는 Block Level 요소의 자식으로 분류되기 때문에
               Block Level 요소는 Inline Level 요소의 자손이 될 수 없다! (단, a 요소는 예외)