display - inline, block, inline-block

inline

다른 요소들과 함께 같은 라인에 배치
css 에서 width와 height 을 지정할 수 없다

• span, a ...

block

다른 요소들이 배치된 라인이 아닌, 새로운 라인에 배치
수직으로 content 가 쌓인다
가로 크기가 부모 요소의 100%를 차지
width, height 크기를 지정할 수 있다

• div, p ...

inline-block

block 속성과 inline 의 속성을 섞어 놓은 것
block처럼 width, height 값을 설정할 수 있으며, 새로운 라인에서 시작되지 않고 inline처럼 다른 요소와 같은 라인에 배치