레이아웃)inline, inline-block, block

inline

• 요소들이 줄 바꿈 하지 않고 나란히 배열된다. ex)< a >, < span >
  *inline 요소는 width, height가 컨텐츠의 크기 만큼 공간을 차지하게 되어 있어 두 속성의 영향을 받지 않는다.

inline-block

• 기본적으로 inline과 같이 줄 바꿈하지 않고 나란히 배열된다. 그러나 width, height의 영향을 받는다.
  따라서, margin과 padding의 온전한 기능 사용이 가능
  ex) < button >, < input >

block

• 다른 요소들을 다른 줄로 보내 버린다 -> 혼자 한 줄을 다 차지한다
  ex)< p >, < hN >, < div >
• 그러므로, 당연히 margin, padding 모두 반영된다!