HTML5/CSS .... DIV 가운데 정렬하기... margin : 0 auto;

DIV 태그를 사용할때, DIV 태그 내의 엘리먼트를 가운데 정렬하는 방법입니다.

<style type="text/css">

.container

{

width : 500px;

}

.for_center

{

margin : 0 auto;

}

</style>

<div class = "container">

<div class = "for_center">

<h1>안녕하세요</h1>

</div>

</div>

위와 같이 margin:0 auto; 속성을 세팅하게되면, 자신을 둘러싸고 있는 DIV 엘리먼트의 중간에 정렬이 됩니다.