| 블록 요소 | 인라인 요소 |
| DIV, H1, P | SPAN, IMG |
| 사용 가능한 최대 가로 너비를 사용한다. | 필요한 만큼의 너비를 사용한다. |
| 크기를 지정할 수 있다. | 크기를 지정할 수 없다. |
| width: 100%; height: 0; 로 시작 | width: 0; height: 0; 로 시작 |
| 수직으로 쌓임 | 수평으로 쌓임 |
| margin, padding 상,하,좌,우 사용 가능 | margin, padding 상,하 사용 불가 |
| 주로 레이아웃을 다룰 때 | 주로 Text를 다룰 때 |
| display: block; 이 디폴트 값이고 inline으로 바꿀 수 있다. | display: inline; 이 디폴트 값이고 block으로 바꿀 수 있다. |
 |
 |
728x90
'웹 퍼블리싱 > HTML5' 카테고리의 다른 글
| <hr> 태그도 사각형 요소다. (1) | 2023.12.20 |
|---|---|
| <dl>, <dt>, <dd>를 <ol>, <ul>, <li>로 대체 (0) | 2023.12.20 |
| HTML 콘텐츠 영역 구분 (feat. <article> <selection> <div> 차이) (0) | 2023.12.20 |
| 제목 태그 <h1>~<h6> (0) | 2023.12.20 |
| HTML 기본 (0) | 2023.12.15 |