CSS
.div1{
width:800px;
height:800px;
top:50%;
left:50%;
margin-left:-400px;
margin-top:-400px;
}
css로 가운데 정렬을 하려면 width와 height가 지정되어야 있어야 한다.
top과 left로 절반의 공백을 지정한 후 margin left와 top값을 각각 width와 height를 반으로 나눈 값을 빼준다.
그렇게 적용하면 브라우저 가운데에 div가 위치한다.