display

display는 대표적으로 inline과 block 속성이 있다.

block속성

 - 기본값으로 width는 100%, height는 내용물에 따라 변한다.(auto)

 - 한 행에 단 하나의 block 엘리먼트만 들어갈 수 있다.

 - 한 행에 여러개의 block이 들어가려면 position: aboslute, 혹은 float으로 띄워줘야 한다.

inline속성

 - width, height값은 전적으로 내용물에 달려있다. 따로 설정이 불가능하다. (무조건 auto)

 - 한 행에 여러개가 들어갈 수 있다. inline박스 자체가 하나의 글자라고 보면 된다.

inline-block속성

 - inline과 block을 합친 속성이다.

 - width, height값을 가질 수 있는데 엘리먼트 하나하나가 lnline처럼 행동한다.

 - 크롬에서는 디폴트로 margin이 설정되어 있어서 사용시 margin값에 -를 적절히 줘야 한다.