블록 요소와 인라인 요소의 차이점은 무엇일까요?

블록 요소 와 인라인 요소(Block/Inline)

블록 요소는 박스, 인라인 요소는 텍스트를 의미합니다.

• 블록 엘리먼트(Block Element)
  • 독립된 박스 영역으로, 한 줄에 하나에 블록 요소만 표현 할 수 있습니다.
  • 블록 요소에는 블록 요소와 인라인 요소를 포함 할 수 있습니다.
  • <div>, <p>, <h1~h6>, <ul>, <li>
• 인라인 엘리먼트(Inline Element)
  • 독립된 테스트 영역으로, 한 줄에 여러 개의 인라인 요소를 표현할 수 있습니다.
  • 인라인 요소에는 블록 요소가 포함 될 수 없지만, 인라인 요소는 포함 할 수 있습니다.
  • <span>, <a>, <strong>, <em>, <img>