CSS text align last is used to define the alignment of last line text of the paragraph.
This property aligns the text to the left, right, center etc.
Syntax
|
1 |
text-align-last: enter value for alignment |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 |
<style> .div-align{ text-align:justify; text-align-end:right; border:1px solid yellow; border-radius:20px; padding:10px; } </style> <div class="div-align"> <p>This is the paragraph to show text align last CSS property.</p> </div> </body> </html> |
Output
This is the paragraph to show text align last CSS property.
CSS text align last values list
| Sr. No. | value | Description |
|---|---|---|
| 1 | start | Used to align the text to the start edge of the block. The value for this is start. |
| 2 | end | Used to align the text to the end edge of the block. The value for this is end. |
| 3 | left | Used to align the text to the left edge of the block. The value for this is left. |
| 4 | right | Used to align the text to the right edge of the block. The value for this is right. |
| 5 | center | Used to align the text to the center edge of the block. The value for this is center. |
| 6 | justify | Used to align the text to the justify edge of the block. The value for this is justify. |
| 7 | initial | Used to define as the property initial value. |
| 8 | inherit | Used to define the computed value of property on the elements parent. |
| 9 | unset | Used to define the property either acts as inherit or initial, depending on the property if it is inherited or not. |