Cómo obtener elementos DIV para alinear

Div son elementos HTML a nivel de bloque, lo que significa que por lo general ocupan tanto espacio horizontal que está disponible para ellos. Esto significa que un div se extiende por toda la ventana del navegador a menos que especifique una anchura menor para él. Al utilizar divs más estrecho que el ancho de la página Web, sus propiedades de alineación se vuelven relevantes. Alinear varios divs entre sí utilizando el "margen" y alojamiento de estilo "flotar" en el código CSS. Hacer cumplir otras alineaciones cuidadosamente con posicionamiento absoluto. 

ELEMENTOS

Divs Center en la página mediante el ajuste de los márgenes de sus propiedades horizontales en "auto". Por ejemplo, coloque el código siguiente entre la "cabeza" etiquetas de su documento HTML:

div {

margin-left: auto;

margin-right: auto;

}

Esto hace que todos los divs que estar centrados, si un div se encuentra sólo por las etiquetas "body", se centra en toda la página. De lo contrario, se centrará en su elemento padre. Por supuesto, si un div llena el ancho de la página de centrado será irrelevante, el uso de la propiedad "width" según sea necesario en el diseño para restringir el tamaño de los divs.

Alinee divs en la parte izquierda o derecha de la página mediante la propiedad "float". Por ejemplo, para alinear los divs en el lado derecho de la página, utilice el siguiente CSS:

div {

float: right;

}

Utilice "izquierda" en lugar de "derecho" a la línea de los divs a la izquierda. El contenido que no está flotando acomodará los elementos que son.

Utilice la posición absoluta a la línea arbitraria divs arriba en la página. Por ejemplo:

div {

position: absolute;

derecha: 0px;

}

Todos los divs en esta página estarán en el lado derecho, pero el otro contenido no fluyen a su alrededor como lo hará con la propiedad "float". Cuando un div se sitúa absolutamente así, se elimina del flujo normal del contenido en la página --- por lo que debe controlar su colocación vertical también. Puede especificar la propiedad "top" o utilizar otras a nivel de bloque elementos como "p" o "br" separar estos divs.

Consejos y advertencias

Crear clases como "izquierda", "derecha" y "centro" para alinear varios divs en su página diferente en lugar de asignar las mismas propiedades de todos ellos.