블록 요소(block element)
사용 가능한 최대 가로 너비를 사용함.
전체를 차지하기 때문에 각 요소들이 수직으로 쌓임. (한 줄에 한개만 배치)
width, height, padding, margin, border 모두 사용 가능
마진 상쇄(margin=collapsing)
margin-bottom과 margin-top이 겹치게 되면 상쇄가 일어나 하나의 값만 적용된다.
인라인 요소(inline element)
사용 가능한 필요한 영역만 사용함.
요소들이 수평으로 쌓임(한 줄에 여러개 배치)
사이즈 지정 불가능
상하 마진 적용 불가능
가운데 정렬하기
블록 요소: margin: auto
인라인 요소: text-align