Центрирование div на середине веб-страницы?

Question

Я хочу, чтобы мой div располагался в средней центральной части веб-страницы. Я пытаюсь создать предварительный загрузчик div, который должен находиться в центральной части веб-страницы, и после загрузки страницы этот div будет скрыт. Как мне этого добиться?

Элемент div должен быть центрирован по горизонтали и вертикали.

Answer 1

<div class = 'middle'></div>

.middle{
  margin: auto;
  width: 900px;
}

Answer 2

для центрирования div и hor, и ver вы можете сделать так:

разметка

<div class="centered"></div>

css

.centered{
    position:absolute;
    width:100px;
    height:100px;
    left:50%;
    top:50%;
    margin-left:-50px;
    margin-top:-50px;
}

скрипка: http://jsfiddle.net/steweb/qSvAQ/1/