Выравнивание текста CSS

Выравнивание текста

text-align Свойство используется для установки горизонтального выравнивания текста.

Текст может быть выровнен по левому краю или правому краю, или по центру.

Ниже приведен пример текста, выровненного по центру и по сторонам (если направление текста слева направо, то по умолчанию используется выравнивание по левому краю; если направление текста справа налево, то используется выравнивание по правому краю):

Пример

h1 {
  text-align: center;
}
h2 {
  text-align: left;
}
h3 {
  text-align: right;
}

Попробуйте сами

когда text-align Установив значение свойства "justify", каждая строка будет растягиваться, чтобы каждая строка имела одинаковую ширину, и отступы слева и справа будут прямыми (как в журналах и газетах):

Пример

div {
  text-align: justify;
}

Попробуйте сами

Направление текста

direction и unicode-bidi Свойства могут быть использованы для изменения направления текста элементов:

Пример

p {
  direction: rtl;
  unicode-bidi: bidi-override;
}

Попробуйте сами

Вертикальное выравнивание

vertical-align Свойства устанавливают вертикальное выравнивание элементов.

Этот пример показывает, как можно настроить вертикальное выравнивание изображения в тексте:

Пример

img.top {
  vertical-align: top;
}
img.middle {
  vertical-align: middle;
}
img.bottom {
  vertical-align: bottom;
}

Попробуйте сами