Как выровнять текст по центру с помощью CSS

Чтобы выровнять текст по центру с помощью стилей CSS, можно использовать свойство text-align. Примеры кода для разных ситуаций:

1. Выравнивание по центру всего текста внутри элемента:

css
.centered-text {
  text-align: center;
}

Пример использования:

html

  
Текст, выравненный по центру

2. Выравнивание по центру только горизонтально:

css
.centered-text {
  display: flex;
  justify-content: center;
}

Пример использования:

html

  
Текст, выравненный по центру горизонтально

3. Выравнивание по центру вертикально и горизонтально:

css
.centered-text {
  display: flex;
  justify-content: center;
  align-items: center;
}

Пример использования:

html

  
Текст, выравненный по центру вертикально и горизонтально

Также можно использовать `text-align: center` и на непосредственно самом элементе с текстом (например, `

`):

css
.centered-text p {
  text-align: center;
}

Пример использования:

html

  
Текст, выравненный по центру