div 세로로 가운데 정렬

margin-left:auto 와 margin-right:auto 를 주거나 다음과 하면 된다.

margin: 0 auto

사용 예)

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

만약 위의 방법으로 정렬이 잘 안된다면(인터넷 익스플로러에서 잘 작동이 안됨)

 <div>로 전체 화면을 한번 감싸고 그 안에서 내용을 수정하면 된다.

<style type="text/css"> .wrap {width:100%; text-align:center;} .contents {margin:0 auto;} </style> <div class="wrap"> <div class="contents"> 내용 </div> </div>

처럼 작성을 하면 모든 브라우져에서 잘 작동된다.