Uno de los problemas típicos es centrar horizontalmente y verticalmente contenido HTML utilizando CSS. Esto por que no es fácil conseguir posicionar verticalmente un elemento. Este truco lo leí en algún lugar pero lamentablemente no recuerdo donde así que me disculpo con el autor original de este método.
Centrando con CSS
La idea básica es utilizar posicionamiento absoluto y ubicar primero el contenido en el medio de la pantalla, luego le asignamos margen superior e izquierdo negativos en cantidades equivalentes a la mitad de las dimensiones del contenido que deseamos centrar. Luego si tenemos una imagen de 300x236 pixels de dimensiones tendríamos el CSS de la forma:
