text-align

text-align Description:

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

text-align in CSS Versions:

• CSS 1
• CSS 2
• CSS 3

text-align Syntax:

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

• left
  Align the text to the left side of the element.
• right
  Align the text to the right side of the element.
• center
  Align the text to the middle of the element.
• justify
  Align the text so that the first and last characters are aligned with the left and right margins.
• inherit
  The element should have the same text-align setting as the parent.

text-align Initial Value:

Depends upon the user-agent.

text-align Applies To:

All block-level elements.

text-align Inheritance:

This property is inherited.

text-align Browser Support:

• Netscape 4, 6, 7
• Mozilla 1
• Firefox 1
• Internet Explorer 4, 5, 6
• Opera 3, 4, 5, 6, 7, 8
• Safari 1

text-align Examples:

Uppercase

<p style="text-align: right;>
The text in this paragraph is aligned to the right side.
</p>

text-align Special Notes:

• Justify will change the spacing between letters or words, and user-agents handle this in different ways.

More text-align Information:

• letter-spacing
• line-height
• text-decoration
• text-indent
• text-transform
• vertical-align
• word-spacing

Return to the Style Library