Свойство CSS text-align

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

Вы можете использовать свойство margin для центрирования элемента.

INFO

Выравнивание, заданное с помощью text-align, относится не к содержащему блоку или области просмотра.

Начальное значение	left, если направление "ltr", right, если направление "rtl"
Применяется к	Блочным контейнерам.
Наследуется	Да
Анимация	Нет.
Версия	CSS1
Синтаксис DOM	object.style.textAlign = "right";

Синтаксис

Синтаксис свойства CSS text-align

css

text-align: left | right | center | justify | initial | inherit;

Пример свойства text-align со значениями "right" и "center":

Пример свойства CSS text-align со значениями right и center

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      div {
        text-align: right;
      }
      p {
        text-align: center;
      }
    </style>
  </head>
  <body>
    <h2>Text-align property example</h2>
    <div>Example for the text-align property.</div>
    <p>Some paragraph for example.</p>
  </body>
</html>

Try it Yourself »

Результат

CSS text-align Property

Пример свойства text-align со значениями "center", "left" и "justify":

Пример свойства CSS text-align со значениями left, center и justify

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
    <style>
      h2 {
        text-align: center;
      }
      p.date {
        text-align: left;
      }
      p.example {
        text-align: justify;
      }
    </style>
  </head>
  <body>
    <h2>Text-align property example</h2>
    <p class="date">March, 2019</p>
    <p class="example">
      Lorem Ipsum is dummy text of the printing and typesetting industry. Lorem Ipsum h as been the industry's standard dummy text ever since the 1500s when an unknown pri nter took a galley of type and scrambled it to make a type specimen book. It has surviv ed not only five centuries, but also the leap into electronic typesetting, remaining essent ially unchanged. It was popularised in the 1960s with the release of Letraset sheets conta ining Lorem Ipsum passages, and more recently with desktop publishing software like Ald us PageMaker including versions of Lorem Ipsum.
    </p>
  </body>
</html>

Try it Yourself »

Значения

Значение	Описание	Запустить
left	Выравнивает текст по левому краю. Это значение по умолчанию для данного свойства.	Запустить »
right	Выравнивает текст по правому краю.	Запустить »
center	Выравнивает текст по центру.	Запустить »
justify	Растягивает строки так, чтобы каждая строка имела одинаковую ширину.	Запустить »
initial	Заставляет свойство использовать значение по умолчанию.	Запустить »
inherit	Наследует свойство от родительского элемента.

Свойство CSS text-align ​

Синтаксис ​

Пример свойства text-align со значениями "right" и "center": ​

Результат ​

Пример свойства text-align со значениями "center", "left" и "justify": ​

Значения ​