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

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

Пример CSS-кода выравнивания текста по центру:

.center {
  text-align: center;
}

HTML-код для применения класса:

  
Заголовок
  
Текст

Здесь содержимое блочного элемента (заголовок и абзац) будет выровнено по центру.

Также можно выравнивать текст по центру внутри инлайновых элементов (например, внутри тега ) с помощью CSS-свойства text-align и значения center:

Текст