text-align-last

Свойство text-align-last применяется для выравнивания последней строки абзаца.

Синтаксис

text-align-last: auto | start | end | left | right | center | justify;

left
Выровнять текст в последней строке по левому краю.
right
Выровнять текст в последней строке по правому краю.
center
Выровнять текст в последней строке по центру.
justify
Выровнять текст в последней строке по ширине. Равномерное распределение текста между левым и правым краем абзаца.
.paragraph {
-webkit-text-align-last: center;
   -moz-text-align-last: center;
    -ms-text-align-last: center;
     -o-text-align-last: center;
        text-align-last: center;
}
Текст в последней строке по центру
Последняя строка первого абзаца по центру

Для языков написанных с права налево применяются значения start и end.

start
Выровнять текст в начале строки в зависимости от направления текста.
end
Выровнять текст в конце строки в зависимости от направления текста.
.paragraph {
       text-align-last: start;

  direction: rtl;
}

Применить разные стили для каждого абзаца можно псевдоклассами CSS.

article {
  text-align: justify;
}

article p:last-of-type {
  text-align-last: right;
}

p:nth-of-type(2) {
  text-align-last: left;
}

последняя строка зависит от ширины контейнера с текстом. Перенос строки тегом <br> не считается последней.

Поддержка

Значения start и end не поддерживается в IE.

Для первой строки в абзаце применяется псевдоэлемент :first-line.