Text-Align

text-align Support Key: [*CSS1\|CSS2] [IE3B1\|N4B2\|O3.5*]	Other Text Properties
	word-spacing letter-spacing white-space word-wrap text-align-last	text-decoration text-transform text-shadow text-indent text-underline-position
= Index DOT Css by Brian Wilson =

Main Index | Property Index | CSS Support History | Browser History

Quick Statistics
Default Value:	Dependent on browser defaults and language direction
Applicable Elements:	Block-level elements
Inherit From Parent:	Yes
Applicable Media:	Visual
HTML Equivalent:	<center> \| <p\|hX\|div\|table\|thead\|tbody\|tfoot\|tr\|th\|td ALIGN="value">

What is it?: This property details how text will be horizontally aligned within the current element.

Allowed Values
inherit
[CSS2] [N6|O4]: Type: Explicit; Description:
Explicitly sets the value of this property to that of the parent.
left
[CSS1| CSS2] [IE3B1|N4B2|O3.5]: Type: Explicit; Description:
Left aligns all text in the current element.
right
[CSS1| CSS2] [IE3B1|N4B2|O3.5]: Type: Explicit; Description:
Right aligns all text in the current element.
center
[CSS1| CSS2] [IE3B1|N4B2|O3.5]: Type: Explicit; Description:
Center aligns all text in the current element.
justify
[CSS1|CSS2] [IE4B2|N4B2|O3.5]: Type: Explicit; Description:
Applies double text justification to all text content in the current element.
[string]
[CSS2]: Type: Calculated; Description:
Specifies a string around which cells in a table column will align. Only applies to table cells. If used for other element types, it will be treated as as "left" or "right" depending on the current language writing direction ("left" for English.)
-moz-center
[N6]: Type: Explicit; Description:
Mozilla proprietary value - authors should not use this value. CSS should be inherited in to table structures, so properties like "text-align" should apply globally to all cells in the table. In Netscape 4.x, the effects of this property did NOT inherit into table cell content. This property value lets inheritance skip table content for "center" text-alignment like Netscape 4.x did, probably to allow for "backward compatibility mode."
-moz-right
[N6]: Type: Explicit; Description:
Mozilla proprietary value - authors should not use this value. CSS should be inherited in to table structures, so properties like "text-align" should apply globally to all cells in the table. In Netscape 4.x, the effects of this property did NOT inherit into table cell content. This property value lets inheritance skip table content for "right" text-alignment like Netscape 4.x did, probably to allow for "backward compatibility mode."

Example: Ext/Doc: blockquote { text-align: justify }; In-Line: <blockquote STYLE="text-align: justify">this
blockquote text is double justified</blockquote>

Notes

CSS1 Conformance: The value of "justify" may be treated by CSS1 conformant browsers as "left" or "right" depending on the current language writing direction ("left" for English.)
If you are used to using <CENTER> and <DIV ALIGN> in HTML to set alignment on block structures, it is done a bit differently in CSS. Using 'text-align' does not align the blocks themselves, it aligns the text content within a block. To center a block structure in CSS (such as, say, a TABLE), you might use something like:
table { margin-left: auto; margin-right: auto; }
(which works in IE6+ [strict], N6+, and O4+)

Browser Peculiarities

Internet Explorer

4.0+:
- [Reported elsewhere] Macintosh versions do not support the "justify" value for this property.
- Specifying alignment for form button widgets (Input Type=Submit|Reset|Button) and intrinsic controls (Input Type=Checkbox|Radio) has no effect. Form Text controls (Input Type="File|Text", Textarea) apply the alignment within the field.
- When applied to the Table element, this property applies to content within the individual table cells, not the table structure relative to its containing block.
Netscape

4.x:
- When applied to form fields, the alignment is relative to the field's containing block.
- When applied to list items, the alignment is applied to the list item before it.
- When applied to inline/replaced elements, alignment is applied to the element, along with any non-marked up content before the element as well. After the element ends, a line-break is applied.
- When applied to the Table element, this property applies to content within the individual table cells, not the table structure relative to its containing block.
- When content is given the "justify" value, any 'background-color' effect is only applied to the word content and normal spacing between them. Extra justification spacing uses the 'background-color' of the parent element.
Opera

3.5:
- This property does not apply to form fields
- When applied to the Table element, this property applies to content within the individual table cells, not the table structure relative to its containing block.