block요소
- 상하 여백 존재
- 좌우 여백 존재
- 요소사이 줄바꿈있음
- 기본너비는 부모너비
- 요소 사이 공백 없음
- 너비와 높이를 명시해야 적용됨
inline요소
- 상하 여백 없음
- 좌우 여백 있음
- 요소사이 공백 있음
- 요소사이 줄바꿈 없고
- 기본 너비는 자신이 차지하는 그 너비(필요한 만큼만 가짐)
- 너비와 높이를 명시하지 않아도 됨.
inline-block요소 - block요소의 특징과 inline요소의 특징을 가짐.
- 상하 여백 존재
- 좌우 여백 존재
- 요소 사이 줄바꿈 없지만
- 요소 사이 공백 있음
- 기본 너비는 부모 너비 아님
- 블록 요소처럼 너비와 높이를 명시해야 적용됨
=> block요소는 한줄 전체를 차지한다.
inline요소는 자신이 필요한 만큼만 차지한다.
inline-block는 inline성격에 block성격이 더해진 것이다.
