Centralizando div na horizontal e vertical com CSS
Umas das primeiras dúvidas de todo iniciante em estudos css é: “Como eu centralizo o conteúdo de uma div na tela?”
Observe a seguinte inserção no HTML:
<div id=”box”></div>
Agora, basta inserir no seu arquivo CSS a seguinte linha:
#box {background-color:#ff0000; height:480px; left:50%; margin:-240px 0 0 -320px; position:absolute; top:50%; width:640px}
Pronto, div centralizado.
Atente para as margens negativas, são elas que fazem a “mágica”.
rafael vergani
