CSS text-align Property


Example

Set the text alignment for <h1>, <h2>, and <h3> elements:

h1 {
    text-align: center;
}

h2 {
    text-align: left;
}

h3 {
    text-align: right;
}

Try it yourself »

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


Browser Support

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 


CSS Syntax

text-align: left|right|center|justify|initial|inherit;

Property Values

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


Examples

More Examples

Example

This example demonstrates a more advanced text-align example:

h1 {
    text-align: center;
}

p.date {
    text-align: right;
}

p.main {
    text-align: justify;
}

Try it yourself »


Related Pages

CSS tutorial: CSS Text

HTML DOM reference: textAlign property



Color Picker

colorpicker