유명 사이트 확인해보기

• 한쪽은 건강보험 사이트이고 한쪽은 네이버 사이트이다
• 두 사이트의 공통점은 내용이 중앙으로 모여져 있고 옆에 여백이 있다는 것이다.
• 건강보험같은 경우에는 inner로 1300px를 주고 있고 네이버의 1280px로 주고 있다.
  (물론 저렇게 안되어 있는 사이트도 있다)

어떻게 레이아웃을 중앙정렬 했을까?

• 그 방법은 들어가는 레이아웃 바깥에 태그를 주고, 그 태그에 display:block;, 원하는 넓이를 넣어주고, margin left와 right를 auto로 여백을 준다.
• 그리고 이렇게 여백을 정의하는 태그의 class를 container이라고 한다.

.container{
 	width: 1200px;
    marign:0 auto;
}