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

seletor {
	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

<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>

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

Exemplo . Valor right

<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>

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

Exemplo . Valor center

<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>

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

Exemplo . Valor justify

<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>

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