Centrado a través de absoluto en CSS
Existe una forma astuta de centrar un elemento a través del posicionamiento absoluto. Se puede hacer que el elemento se coloque exactamente en el centro de la ventana del navegador. Para esto no es necesario definir las dimensiones del elemento y al mismo tiempo asignar el posicionamiento desde los cuatro lados:
<div id="elem"></div>
#elem {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid green;
}
:
Usando el método descrito, crea un bloque
que esté en el centro de la pantalla y con márgenes
en todos los lados de 100px.
Usando el método descrito, crea un bloque
con un margen superior desde el borde de la pantalla de 100px,
derecho - de 200px, inferior - de 50px,
e izquierdo - de 10px.
