div 태그 화면 중간에 정렬시키는 간단한 소스

HTML <div>태그를 웹브라우저 화면 중간에 정렬하는 간단한 소스입니다.

1. CSS 지정

#wrap{ 

margin:0 auto;

}

2. DIV 태그 

<div id="wrap" style="width:1000px;">내용</div>

margin:0 auto;를 사용하여 자동으로 화면 가운데에 위치하도록 지정할 수 있습니다.

주의할 점은 <div> 태그의 가로폭을 반드시 지정해주어야 합니다. 가로폭은 CSS또는 div태그에서 직접 지정하시면 됩니다.