웹페이지를 가운데 정렬해 보자

웹페이지를 W3C에 맞춰서 작성하다보면 여백이라던지, 정렬을 설정할 때 생각대로 안되는 경우가 있다.

이런경우 아래 그림과 속성만 이해하면 쉽게 해결 할 수 있을 것이다.

출처 : http://www.w3.org

1. margin: <all> 
2. margin: <top-bottom> <left-right>
3. margin: <top> <left-right> <bottom>
4. margin: <top> <right> <bottom> <left>

예를 들어 margin값을 아래 위에는 0px로 주고, 양 옆으로는 가운데 정렬을 하기 위해서는 아래와 같이 설정하면 된다.

<div style="margin:0px auto;">
내용
</div>