Как выровнять текст внутри блока CSS

Для выравнивания текста внутри блока в CSS можно использовать свойство text-align. Оно позволяет выравнивать текст по левому, правому, центру или по ширине блока. Примеры:

  1. Центрирование текста по центру блока:
.my-block {
  text-align: center;
}
  1. Выравнивание текста по левому краю блока:
.my-block {
  text-align: left;
}
  1. Выравнивание текста по правому краю блока:
.my-block {
  text-align: right;
}
  1. Выравнивание текста по ширине блока (используется для нескольких строк):
.my-block {
  text-align: justify;
}

Обратите внимание, что этот способ выравнивания будет работать только для блочных элементов, таких как div, p, h1-6 и т.д. Для строчных элементов, таких как a, span, em, i, используйте свойство text-align в контейнере, который содержит эти элементы.

реклама

Качественный хостинг сайтов

реклама

Получите консультацию нашего маркетолога

Изучит ваш проект, подберет подходящие услуги и тарифы

Получите бесплатный аудит

Наш специалист сделает базовый аудит вашего проекта и предложит персональные предложения.

Закажите услугу Как выровнять текст внутри блока CSS

Наш специалист свяжется с вами в ближайшее время и уточнит детали