HTML 내용 가운데 출력하기

<div style='position:absolute;left:50%;top:50%;'>
<div style='position:absolute;width:800px;left:-400px;'>
내용
</div>
</div>

<!-- absolute는 좌표를 초기화 0,0에 맞춘후 -->

<!-- left:50%;top:50%로 가운데에 위치시킨다! -->

<!-- 하지만 정가운데부터 아래로 출력되기때문에 위치 보정을 해주어야하는데 margin-top 과 margin-left를 사용하여 위치를 조정합니다

예) 가로600px 세로 400px 크기의 이미지나 테이블일 경우 다음과같이 정렬

style="position:absolute;left:50%;top50%;margin-top:-200px;margin-left:-300px;"

-->