Существует несколько способов выравнивания текста по центру в CSS, вот некоторые из них:

1. text-align: center; — это свойство CSS выравнивает текст по центру внутри родительского блока, вызывающего его. Оно должно быть применено к родительскому блоку, чтобы выровнять содержимое внутри него.

.parent {
  text-align: center;
}

2. margin: 0 auto; — это свойство CSS центрирует блочный элемент по горизонтали и устанавливает автоматические отступы по его сторонам.

.element {
  width: 50%; /* Ширина блока */
  margin: 0 auto; /* Выравнивание по центру */
}

3. display: flex; и justify-content: center; — это свойства CSS используют технику Flexbox для центрирования элементов на странице, основываясь на родительском контейнере и управляемых элементах внутри него.

.parent {
  display: flex;
  justify-content: center;
}

.element {
  /* Необходимая ширина блока */
}

4. line-height: 2; — это свойство CSS устанавливает высоту строки для текста и центрирует его по вертикали внутри родительского блока.

.parent {
  height: 200px; /* Высота блока */
  line-height: 200px; /* Выравнивание текста */
  text-align: center; /* Выравнивание текста по горизонтали */
}

Вы можете выбрать любой из этих методов в зависимости от вашего макета и целей веб-страницы.