1

Para poner en contexto, puse dos elemento <DIV> que dentro de cada uno tenian un <H3>,<IMG>,<P> por lo que puse el elemento padre en DISPLAY:FLEX, y luego queria que los elementos hijos queden centrados, le puse la flex-direction: column y posterior use ALIGN-ITEMS: CENTER; y solo las imagenes, y un <H3> se puso centrado y el otro <h3> y los <P> de los dos elementos padres no se puso centrado, mi pregunta es: a que se debe eso?

posteriormente, puse un TEXT-align: center y de ahi, ya todo se quedo centrado, pero mi pregunta en esencia es: Si un <H3> de un elemento padre, ya se centro, por que el otro no?

1

1 respuesta 1

3

Esencialmente la diferencia es que align-items centra todos los descendientes o por decirlo de otro modo los hijos directos. Sin embargo esta alineación es vertical.

En cambio text-align centra textos de forma horizontal.

Sería ideal que subieras tu código donde realizas esta parte para poder responder específicamente.

Enlaces de interés relacionados:

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.