블록-레벨 요소(Block-level Elements)
기본적으로 세로 방향으로 정렬, 요소 단위로 강제 개행, 모든 너비를 차지함(옆에 다른 요소 두기 X)
인라인 요소(Inline Elements)
기본적으로 가로 방향으로 정렬, 공간이 충분하면 개행하지 않음, 필요한 너비만 차지함(옆에 다른 요소 두기 O)
참고
블록 레벨 요소 - HTML: Hypertext Markup Language | MDN
HTML(Hypertext Markup Language)의 요소는 역사적으로 "블록 레벨" 요소와 "인라인" 요소로 분류됐습니다. 기본적으로 블록 레벨 요소는 부모 요소의 전체 공간을 차지하여 "블록"을 만듭니다. 이 글에서
developer.mozilla.org
인라인 요소 - HTML: Hypertext Markup Language | MDN
HTML(Hypertext Markup Language)의 요소는 역사적으로 "블록 레벨" 요소와 "인라인" 요소로 분류됐습니다. 인라인 요소는 콘텐츠의 흐름을 끊지 않고, 요소를 구성하는 태그에 할당된 공간만 차지합니다
developer.mozilla.org
반응형
'개발(Web) > Web' 카테고리의 다른 글
| [CSS] Row와 Column, Main Axis와 Cross Axis (0) | 2022.01.12 |
|---|---|
| [CSS] Display와 Floats (0) | 2022.01.11 |
| [Internet] 도메인 이름이란 무엇일까? DNS는 어떻게 작동할까? (0) | 2021.12.24 |
| [Internet] HTTP란 무엇일까? HTTPS와의 차이는? (0) | 2021.12.20 |
| [Internet] IP주소란 무엇일까? (0) | 2021.12.19 |