Centrar las cosas es uno de los aspectos más difíciles de CSS. Los métodos en sí mismos no suelen ser difíciles de entender.
En cambio, se debe más al hecho de que hay muchas formas de centrar las cosas. El método que utilice puede variar según el elemento HTML que esté intentando centrar o si lo está centrando horizontal o verticalmente.
En este tutorial, veremos cómo centrar diferentes elementos horizontalmente, verticalmente y tanto vertical como horizontalmente.
Link: https://www.freecodecamp.org/news/how-to-center-anything-with-css-align-a-div-text-and-more/