1
resposta

[Dúvida] Text Align X Align Items

Ficou meio confuso a diferença dos dois. Servem para alinhar os elementos, certo? Então qual a diferença realmente?

1 resposta

text-align: server para alinhar textos (também consegue alinhar imagens caso ela esteja com display inline/inline-block,acho que acaba alinhando qualquer elemento inline, OBS: precisa ser verificado nas docs).

align-items: server para alinhar no eixo principal (x/horizontal inicialmente) flex-items ou grid-items (elementos que o pai é um flex/grid container, que tem display flex/grid)

docs do text-align: https://developer.mozilla.org/en-US/docs/Web/CSS/text-align

docs do align-items: https://developer.mozilla.org/en-US/docs/Web/CSS/align-items