Centralizando elemento na tela

by Tableless Padrões Web

HTML

<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;
}