블록 요소 & 인라인 요소(Block/inline) 차이점

블록 요소 & 인라인 요소(Block/inline)

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

• 블록 엘리먼트(Block Element)
  • 독립된 박스 영역으로, 한 줄에 하나에 블록 요소만 표현 할 수 있습니다.
  • 블록 요소에는 블록 요소와 인라인 요소를 포함 할 수 있습니다.
  • <div>, <p>, <h1~h6>, <ul>, <li>


• 인라인 엘리먼트(Inline Element)
  • 독립된 텍스트 영역으로, 한 줄에 여러 개의 인라인 요소를 표현 할 수 있습니다.
  • 인라인 용소에는 블록 요소가 포함 될 수 없지만, 인라인 요소는 포함 할 수 있습니다.
  • <span>, <a>, <strong>, <em>, <img>

image출처 :  https://cdn.dribbble.com/users/103909/screenshots/3311170/sixbase-preview-04.png