CSS - text-align-last Property
The text-align-last property sets the alignment of the last line of a block of text.
Possible Values
auto: Aligned as per the value of text-align.
start: Aligned to left if the direction is ltr and right if the direction is rtl.
end: Aligned to right if the direction is ltr and left if the direction is rtl.
left: Aligned with the left-margin (towards left).
right: Aligned with the right-margin (towards right).
center: Aligned at the center of the page.
justify: Aligned with both the margins.
Applies to
All the block-level elements.
DOM Syntax
object.style.textAlignLast = "start";
CSS text-align-last - Basic Example
Here is an example:
<html> <head> </head> <body> <h2>Text Align Last</h2> <p style="text-align-last: left;">Text Alignment to Left.</p> <p style="text-align-last: right;">Text Alignment to Right.</p> <p style="text-align-last: center;">Text Alignment to Center.</p> <p style="text-align-last: start;">Text Alignment as start (left).</p> <p style="text-align-last: end;">Text Alignment as end (right).</p> <p style="text-align-last: justify; border: 2px solid red; width: 200px; height: 100px;"> Text Justify Alignment. This alignment aligns the text based on both the margins, left and right. </p> </body> </html>
Advertisements
To Continue Learning Please Login
Login with Google