CSS Text-align
Text-align
The text-align property of CSS sets the table-cell box’s horizontal alignment or any block element. The text-align property is the same as the CSS property vertical-align but towards any horizontal direction.
Syntax:
text-align: justify | center | right | left | initial | inherit;
Property Values
justify: Generally, it is used in magazines and newspapers. It can stretch any content of an element to show a similar width of all the lines.
center: Any inline text can be centered using this value.
right: This value aligns the content towards the right side.
left: This value aligns the content towards the left side.
Let’s consider a demonstration of this CSS property.
Example:
<!DOCTYPE html> <html> <head> </head> <style> h2 { color: mediumseagreen; } </style> <body> <h1> Demonstration of text-align attribute </h1> <h2 style= "text-align: center;"> text-align: center; </h2> <h2 style= "text-align: right;"> text-align: right; </h2> <h2 style= "text-align: left;"> text-align: left; </h2> <h2 style= "text-align: justify;"> text-align: justify; To feel the effect, it must be used with large paragraph. </h2> </body> </html>
Output: