Как выровнять текст в HTML: лучшие инструменты и приемы

Выравнивание текста в HTML можно осуществить, используя различные CSS свойства.

1. text-align

Свойство text-align позволяет выравнивать текст по горизонтали. Возможные значения: left, right, center, justify.

Пример:

Центрированный текст
 

2. vertical-align

Свойство vertical-align позволяет выравнивать элементы по вертикали. Возможные значения: baseline, sub, super, top, text-top, middle, bottom, text-bottom.

Пример:

3. display

Свойство display может использоваться для изменения типа элемента и его поведения, в том числе и для выравнивания.

Пример:

  
Текст по центру

Код выше создает гибкую область, которая выравнивает элементы по центру.

4. margin

Свойство margin может использоваться для создания отступов вокруг элементов, что позволяет выравнивать их.

Пример:

  
Текст по центру

Код выше создаст область, шириной 300 пикселей, со значением отступов по краям автоматически выравненных по центру экрана.

Это только некоторые из возможных способов выравнивания текста в HTML. Вы можете использовать CSS-свойства, по своему выбору, чтобы достичь желаемых результатов.