차림

2006년 9월 17일

div, table 등을 가운데로 놓기

margin에서 가로를 auto로 놓으면 된다. 이거 알아내려고 무진장 헤맸다.


<style type="text/css">
<!--
#outer { width: 500px; margin: 20px auto; }
-->
</style>

<div id="outer">
내용
</div>

위와 같이 하면 id가 outer인 넓이 500px짜리 상자는 위 아래 바깥 여백이 20px이고 좌우 정렬로 볼 때 가운데에 놓인다.

목록