divをウェブページの中央にセンタリングするには？

Question

私のdivをWebページの中央の中央に配置したいと思っています。私は、ウェブページの中央中央部にあるべきプリローダーdivを作成しようとしています。そして、ページがロードされた後、そのdivは隠されます。どうすればそのように達成できますか？

divは、水平方向と垂直方向の中央に配置する必要があります。

Answer 1

の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/

Answer 2

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

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