box model을 한줄로 정렬하고 싶을때

1. inline-block: 가장 효율적이고 아름다운 방식
   

2. float: left / right: 가장 더럽고 지저분한 방식 but IE8 이하로 inline-block이 지원이 되지 않기 때문에 이걸 주로 씀
   

   --> 다음에 오는 element 에 반드시 clear:both를 해줘야 꾸겨지지 않는다. 일종의 reset
   

   • float 속성: margin을 먹지 않는다. 그래서 css에서 top:20/ left: 30px 이런거 다 float 때문