CSS text-align is used to align the text in HTML. This property aligns the text to the left, right, center, etc.
Syntax
|
1 |
text-align: enter value for alignment |
Example
lets take the example of HTML paragraph tag contains some text. CSS text align property align it to the right side.
Test it Live
|
1 2 3 4 5 6 |
<style> p.txt-center{ text-align:center; } </style> <p class="txt-center">This is a center aligned text.</p> |
Output
This is a center aligned text.
CSS text align values list
The values and description of this property is used for defining alignment of text.
| 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. |
