728x90
1. inline 요소
: 전체적으로 개별적으로 글자를 꾸미는 서식 관련된 태그들
- 한 줄에 여러개 배치
- 기본 너비 값은 컨텐츠의 너비 값
- 크기 값을 가질 수 없음
- 상하 마진은 가질 수 없음
: span, a, small, big, em, u, ins, i, s, del, br, q, b, strong, mark, sub, sup, label, map , cite, addr, time
2. inline-block 요소
: 이미지 + 대부분의 폼 요소 (label은 인라인 요소)
- 한 줄에 여러개 배치
- 기본 너비 값은 컨텐츠의 너비 값
- 크기 값을 가질 수 있음
- 상하좌우 마진 가질 수 있음
: img, input, button, textarea, select, 대부분의 font icon태그,video, audio, iframe
3. block 요소
: 레이아웃과 관련된 태그들, 목록 태그, 제목, 테이블 관련된 태그들
- 한줄에 한 개만 배치
- 기본 너비값은 100%
- 크기 값을 가질 수 있음
- 상하좌우 마진 가질수 있음
: div, p, table, blockquote, ul, ol, li, dl, td, dd, table, tr, td, th, from, hr, h1-h6, header, nav, footer, main, section, article, aside, figure, figcaption, summary, details, address
728x90