인라인 요소
- span : 대표적인 인라인 태그,
- 수평적으로 쌓임
<span>aaa<span/><span>bbb<span/> 이렇게 쓰면 띄어쓰기없음
<span>aaa<span/> <span>bbb<span/> 이렇게 쓰면 띄어쓰기 있음 (엔터쳐도 띄어쓰기로 출력)
- 콘텐츠(글자) 크기만큼 자동으로 가로 세로가 조절됨
- css width height 를 조정해주어도 반응 없음 (가로세로 사이즈 지정할 수 없다)
- css margin 은 위,아래는 정상적으로 적용안되고 왼쪽, 오른쪽은 적용됨
- padding은 은 위,아래는 정상적으로 적용안되고 왼쪽, 오른쪽은 적용됨
- 인라인요소는 내부에 블록요소를 사용할 수 없다 → 인라인 내 인라인은 가능
블록 요소
- 아무것도 나타내지 않는 콘텐츠 영역을 설정하는 용도
- 요소가 수직으로 쌓임
- 가로는 부모요소의 크기만큼 자동으로 늘어남, 세로는 콘텐츠 크기만큼
- 가로, 세로 사이즈, margin, padding 지정 가능
- 자식으로 블록, 인라인 둘 다 사용할 수 있다.