Como centralizar um elemento no CSS?

Como centralizar um elemento no CSS?

Para se centrar em ambas as direções com o flexbox, utiliza duas propriedades de centralização: align-items: center; e justify-content: center . Podemos observar que para centralizar elementos o flexbox é mais prático, e está habilitado nos navegadores.