← Все вопросы
Как выровнять текст по центру внутри блока? text-align не путать с центрированием блока
4
Хочу, чтобы текст в заголовке стоял по центру, а не слева. Какое свойство за это отвечает? И это то же самое, что центрировать сам блок, или нет?
2 ответа
8
✓ Принятый ответ — помог автору
За выравнивание текста внутри блока отвечает text-align:
.title {
text-align: center; /* по центру */
}
Значения: left (по умолчанию), right, center, justify (по ширине).
Важно: это двигает только содержимое (текст, картинки) внутри блока, а сам блок остаётся той же ширины и на том же месте. Это не то же самое, что «центрировать блок целиком» — для центрирования самого блока нужен margin: 0 auto или flexbox, это отдельная задача.
3
Удобный приём: если родителю задать text-align: center, то по центру встанут и текст, и строчные/инлайн-блоки внутри (например, кнопка inline-block). Так можно быстро отцентровать содержимое, не трогая сам контейнер.
Ваш ответ
Войдите, чтобы ответить на вопрос.