Выравнивание текста по центру CSS

Для выравнивания текста по центру в CSS мы можем использовать свойство text-align. Для выравнивания по центру мы устанавливаем значение "center". Этот стиль будет применен ко всем элементам на странице, для которых это свойство определено.

Пример:

css
.center {
  text-align: center;
}
h1 {
  font-size: 2rem;
  /* Добавляем класс "center" для выравнивания заголовка по центру */
  /* В этом примере h1 является просто примером, это может быть любой элемент */
  /* с текстом */ 
  text-align: center;
}

В этом примере добавляется класс "center" для выравнивания текста по центру. Если вы хотите выровнять текст конкретного элемента, например, заголовка h1, можно добавить свойство text-align: center в его селектор.

Кроме того, вы можете использовать свойство margin для выравнивания отдельных элементов. Например, если вы хотите выровнять текст по центру внутри блока div, вы можете установить отрицательный отступ слева и справа, равный половине ширины блока. Это приведет к центрированию содержимого внутри блока.

css
div {
  width: 300px;
  margin: 0 auto; /* выравнивание по центру по горизонтали */
  text-align: center; /* выравнивание по центру по вертикали */
}

Здесь мы установили ширину блока div в 300 пикселей и задали отступ слева и справа, равный "auto". Это центрирует блок по горизонтали. Затем мы установили свойство text-align: center для выравнивания содержимого блока по центру по вертикали.