1. Использование CSS Flexbox:

   по центру;
   align-items: center;
   }

2. Использование CSS Grid:

   .container {
    display: grid;
    place-items: center;
   }

3. Использование позиционирования и преобразования CSS:

4. Использование отображения таблицы CSS:

   .container {
    display: table;
    width: 100%;
    height: 100%;
    text-align: center;
   }
   .centered-div {
    display: table-cell;
    vertical-align: middle;
   }

5. Использование CSS Grid с автоматическими полями:

   .container {
    display: grid;
   }
   .centered-div {
    margin: auto;
   }

Эти методы можно использовать для центрирования элемента