Својство text-align-last

Својство text-align-last поставља поравнање последњег реда текста: по левом рубу, по десном, по центру, по левом и десном рубу истовремено.

Обратите пажњу на то да ако у елементу (на пример, у параграфу), само један ред - онда се он сматра истовремено првим и последњим и поравнање ће му бити такво, како је задато у text-align-last, а не у text-align.

Синтакса

селектор {
	text-align-last: center | left | right | justify | auto | start | end;
}

Вредности

Вредност	Опис
`center`	По средини.
`left`	По левом рубу.
`right`	По десном рубу.
`justify`	Истовремено и по десном и по левом рубу.
`auto`	Не мења поравнање елемента.
`start`	Једнако `left`, ако текст иде с лева на десно и `right`, када текст иде с десна на лево (арапски језик итд.).
`end`	Једнако `right`, ако текст иде с лева на десно и `left`, када текст иде с десна на лево.
`inherit`	Наслеђује вредност родитеља.

Подразумевана вредност: auto.

Пример . Вредност 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;
}

Пример . Вредност 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;
}

Пример . Вредност 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;
}

Пример . Вредност 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;
}