CSS text-align Property

Set the text alignment for different <div> elements:

div.a {
text-align: center;
}

div.b {
text-align: left;
}

div.c {
text-align: right;
}

div.c {
text-align: justify;
}

More "Try it Yourself" examples below.

Definition and Usage

The text-align property specifies the horizontal alignment of text in an element.

Default value:	left if direction is ltr, and right if direction is rtl
Inherited:	yes
Animatable:	no. Read about animatable
Version:	CSS1
JavaScript syntax:	object.style.textAlign="right" Try it

The numbers in the table specify the first browser version that fully supports the property.

Property
text-align	1.0	3.0	1.0	1.0	3.5

Value	Description	Demo
left	Aligns the text to the left	Demo ❯
right	Aligns the text to the right	Demo ❯
center	Centers the text	Demo ❯
justify	Stretches the lines so that each line has equal width (like in newspapers and magazines)	Demo ❯
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit

Another text-align example:

h1 {
    text-align: center;
}

p.date {
    text-align: right;
}

p.main {
    text-align: justify;
}

HTML DOM reference: textAlign property