CSS를 사용하여, 브라우저 중앙에 div 띄우는 방법

사용하고자하는 div (id=intro)가 가로 세로 사이즈가 각각 300, 150 이라고 가정하면..

#intro {
    position: absolute;
    width: 300px;
    height: 150px;
    margin: -150px 0 0 -75px;
    top: 50%;
    left: 50%;
}

위와 같이 div 레이어를 좌측및 상단으로 절반을 밀어낸후, 화면의 50%영역에 배치하면 중앙에 배치된 효과를 얻을 수 있습니다.