Propriedade text-align-last

A propriedade text-align-last define o alinhamento da última linha de texto: à esquerda, à direita, ao centro, ou justificado (alinhado à esquerda e à direita simultaneamente).

Observe que se em um elemento (por exemplo, em um parágrafo) há apenas uma linha - então ela é considerada tanto a primeira quanto a última e o alinhamento será aquele definido em text-align-last, e não em text-align.

Sintaxe

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

Valores

Valor	Descrição
`center`	Ao centro.
`left`	À esquerda.
`right`	À direita.
`justify`	Justificado (alinhado à esquerda e à direita simultaneamente).
`auto`	Não altera o alinhamento do elemento.
`start`	Equivale a `left` se o texto for da esquerda para a direita e a `right`, quando o texto for da direita para a esquerda (árabe, etc.).
`end`	Equivale a `right` se o texto for da esquerda para a direita e a `left`, quando o texto for da direita para a esquerda.
`inherit`	Herdará o valor do elemento pai.

Valor padrão: auto.

Exemplo . Valor left

html<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing elitorire
  aenean a dapibus magna, ac interdum nisl. Suspendisse egetil
  fringilla nibh, eu commodo arcu. Donec lacinia tempor velite
  sed tincidunt. Aliquam porttitor nulla purus, vel vulputater
  ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi
  ante purus lacini dui, interdum fringilla massa eros ut duir.
</p>
<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  text-align: justify;
  text-align-last: left;
}

Результат:

Exemplo . Valor right

html<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing elitorire
  aenean a dapibus magna, ac interdum nisl. Suspendisse egetil
  fringilla nibh, eu commodo arcu. Donec lacinia tempor velite
  sed tincidunt. Aliquam porttitor nulla purus, vel vulputater
  ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi
  ante purus lacini dui, interdum fringilla massa eros ut duir.
</p>
<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  text-align: justify;
  text-align-last: right;
}

Результат:

Exemplo . Valor center

html<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing elitorire
  aenean a dapibus magna, ac interdum nisl. Suspendisse egetil
  fringilla nibh, eu commodo arcu. Donec lacinia tempor velite
  sed tincidunt. Aliquam porttitor nulla purus, vel vulputater
  ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi
  ante purus lacini dui, interdum fringilla massa eros ut duir.
</p>
<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  text-align: justify;
  text-align-last: center;
}

Результат:

Exemplo . Valor justify

html<p>
  Lorem ipsum dolor sit amet, consectetur adipiscing elitorire
  aenean a dapibus magna, ac interdum nisl. Suspendisse egetil
  fringilla nibh, eu commodo arcu. Donec lacinia tempor velite
  sed tincidunt. Aliquam porttitor nulla purus, vel vulputater
  ipsum faucibus sed. Phasellus sodales, lorem vel cursus vehi
  ante purus lacini dui, interdum fringilla massa eros ut duir.
</p>
<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  text-align: justify;
  text-align-last: justify;
}

Результат: