Centrar un DIV en la pantalla.

Centrar un DIV en la pantalla.

Saludos comunidad, usualmente necesitamos tener nuestra pagina web centrada en el navegador, pero sin embargo el ancho de la pantalla es dinámico, para solucionar esto primero debemos definir un ancho para nuestra pagina web, modificamos el style del div hasta que quede asi:

<div style="position:absolute; left:50%; top:0px; width: 900px; margin-left:-450px">

Donde utilizaremos una posición absoluta, con una distancia a la izquierda del 50%, con un ancho de 900px y un margen derecho de la mitad del ancho de la pagina, ahora si, probar que el div aparecerá en el centro de la pantalla, Saludos!!