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

📄 태그의 구분

블록 레벨 요소를 만드는 태그 vs 인라인 요소를 만드는 태그

블록 레벨 요소는 페이지의 너비를 모두 차지하여 블록을 형성합니다.
아래와 같이 개발자도구(단축키:F12)를 사용하면
페이지의 너비를 모두 차지하고 있는 것을 확인할 수 있습니다.
블록 안에 블록을 생성하면 공간이 형성되어 층이 생깁니다.
block

인라인 요소는 콘텐츠를 표시하기 위해 필요한 공간만 차지합니다.
블록 요소 안에 인라인 요소를 넣어도 인라인 요소는 필요한 공간만 차지합니다.

inline