#1 display: inline-block 과 inline의 차이

display : none
화면에서 사라짐. 크기 자체도 잡히지 않음.

display : block
일반적으로 설정하지 않아도 div가 갖게되는 기본값.
상자와 같은 것. 가로 한 줄을 차지
div, h1, p, ul, ol, form 요소는 대표적인 블록(block) 요소

display : inline-block
기본적으로 Inlined의 속성을 가지고 있지만, 임의로 크기를 바꿔줄 수 있음.
여백 또한 지정 가능
상자가 옆 위치로 배치됨

dispaly : inline
컨텐츠를 딱 감쌀정도의 크기. 줄바꿈이 되지 않고, 컨텐츠를 감싸게 되고 크기를 변화시킬 수 없음.
박스가 아님. 텍스트와 같은 것. 가로 세로를 가지지 못함.
span, a, img 요소는 대표적인 인라인(inline) 요소