Aqui uma forma:
[EXEMPLO][1]
HTML:
<div>
Este div está no centro!
</div>
<div>
Este div está no centro!
</div>
CSS:
div {
width: 200px;
height: 200px;
margin-left: -100px; /* metade da largura */
margin-top: -100px; /* metade da altura */
position: absolute;
top: 50%;
left: 50%;
border: 1px solid red;
}
div {
width: 200px;
height: 200px;
margin-left: -100px; /* metade da largura */
margin-top: -100px; /* metade da altura */
position: absolute;
top: 50%;
left: 50%;
border: 1px solid red;
}
Fonte: http://tableless.com.br/centralizando-um-objeto-na-horizontal-e-vertical-com-css/ [1]: http://jsfiddle.net/tableless/dNjCK/light/