Cómo centrar dos DIVs en CSS

J

JorBit

Gamma

Redactor

• 22 Mar 2015

• #1

Bueno la cuestión es sencilla para muchos pero yo estoy iniciándome en la programación así que no tengo idea de como hacerlo, como tendría que dejar el CSS para que los dos DIVS queden centrados dentro del otro?

Espero la ayuda de alguno de los miembros del foro por favor y muchas gracias 😀

 

kanikase

Préstamo impago

1

Xi

Programador

Verificación en dos pasos activada

Suscripción a IA

• 22 Mar 2015

• #2

Intenta así:

HTML:

<div align="center">
<!-- ACÁ LOS OTROS DIVS -->
</div>

 

lombervid

Eta

Verificación en dos pasos activada

• 22 Mar 2015

• #3

Centrados como, juntos o que haya espacio entre ellos?

Centrados con espacio entre ellos (y centrados verticalmente):

PHP:

<div class="content">
	<div></div>
	<div></div>
</div>

PHP:

.content {
	display: flex;
	align-items: center;
	justify-content: space-around;
}

https://jsfiddle.net/btbfLy5v/embedded/result/

 

Última edición: 22 Mar 2015

J

JorBit

Gamma

Redactor

• 22 Mar 2015

• #4

[MENTION=81006]kanikase[/MENTION] [MENTION=8317]lombervid[/MENTION] Termine poniéndole un margin-left al de la izquierda y listo! xD

Muchas gracias a ambos! 😀

 

Última edición: 22 Mar 2015

Y

YLight

Beta

SEO

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 22 Mar 2015

• #5

Si entiendo bien lo que quieres solo debes asignarle al div que quieres centrar un margin-left:auto y margin-right:auto