← Все вопросы

Как выровнять текст по центру внутри блока? text-align не путать с центрированием блока

Задан 3 месяца назад1.3к просмотров2 ответа
4

Хочу, чтобы текст в заголовке стоял по центру, а не слева. Какое свойство за это отвечает? И это то же самое, что центрировать сам блок, или нет?

2 ответа

8
✓ Принятый ответ — помог автору

За выравнивание текста внутри блока отвечает text-align:

.title {
  text-align: center;  /* по центру */
}

Значения: left (по умолчанию), right, center, justify (по ширине).

Важно: это двигает только содержимое (текст, картинки) внутри блока, а сам блок остаётся той же ширины и на том же месте. Это не то же самое, что «центрировать блок целиком» — для центрирования самого блока нужен margin: 0 auto или flexbox, это отдельная задача.

3

Удобный приём: если родителю задать text-align: center, то по центру встанут и текст, и строчные/инлайн-блоки внутри (например, кнопка inline-block). Так можно быстро отцентровать содержимое, не трогая сам контейнер.

Ваш ответ

Войдите, чтобы ответить на вопрос.