1단 레이아웃 가운데 정렬 시키기

mission
레이어를 가운데 정렬 시키기

margin: 0 auto;
레이어를 가운데 정렬 시키기 위해서는 margin이라는 속성을 이용할 수 있습니다.
아래 예제에서는 가로폭이 300px인 레이어를 가운데 정렬시키기 위해서 가로사이즈를 지정한 후에 margin:0 auto; 를 이용해서 가운데 정렬을 시켰습니다.

 

---

sample : http://jsfiddle.net/5b5QP/

html

<div class="wrap">
    <div class="header">
        header
    </div>
    <div class="body">
        body
    </div>
    <div class="footer">
        footer
    </div>
</div>

css

.wrap {
    width: 300px;
    margin: 0 auto;
}