[HTML] HTML 요소의 종류(display)

▶ 블록(block) 레벨 요소
 - p, h, ul, ol, div, form,...등
 - 내용의 길이에 상관없이 무조건 한 줄 통채로의 영역을 차지한다.
 - 영역이 정확히 구분되어 있기 때문에, width와 height 속성을 수정할 수 있다.
 - margin-top, margin-bottom 속성도 잘 적용된다.
 - padding-top, padding-bottom 속성도 잘 적용된다.
 
▶ 인라인(inline) 레벨 요소
 - span, a, img, strong, em,...등
 - 새로운 줄을 만들지 않고 작성한 단락 내에 나타낸다.
 - 안에 있는 내용만큼만 영역을 차지한다.
 - 영역이 불분명하기 때문에 width와 height를 임의로 부여할 수 없다.
 - margin-top, margin-bottom 속성도 부여할 수 없다.
 - padding-top, padding-bottom 속성도 부여할 수 없다.

▶ 인라인-블록(inline-block) 레벨 요소
 - button, input, select,...
 - inline 요소와 동일한 영역(내용만큼만)을 가지지만 width와 heigh를 설정할 수 있다.
 - margin-top, margin-bottom 속성도 잘 적용된다.
 - padding-top, padding-bottom 속성도 잘 적용된다.