View source for CSS/Properties/text-align

<div style='float: right;background: white;border:1px dashed black;padding: 1ex;margin-left: 1ex;'>

* [[CSS/Properties|List of Properties]]
** [[CSS/Properties#Text|Text]]
*** [[CSS/Properties/color|color]]
*** [[CSS/Properties/text-align|text-align]]
*** [[CSS/Properties/text-decoration|text-decoration]]
*** [[CSS/Properties/text-indent|text-indent]]
*** [[CSS/Properties/text-transform|text-transform]]
*** [[CSS/Properties/line-height|line-height]]
*** [[CSS/Properties/vertical-align|vertical-align]]
*** [[CSS/Properties/letter-spacing|letter-spacing]]
*** [[CSS/Properties/word-spacing|word-spacing]]
*** [[CSS/Properties/white-space|white-space]]
*** [[CSS/Properties/direction|direction]]

</div>

= text-align =

The text-align property describes how inline-level content of a block container is aligned.

== Description ==
<table class="filehistory" width="700"><tr><th width="100">Values
     </th><td>left | right | center | justify | inherit
     </td></tr>
     <tr><th width="100">Initial value
     </th><td>a nameless value that acts as 'left' if 'direction' is 'ltr', 'right' if 'direction' is 'rtl'
     </td></tr>
     <tr><th width="100">Applies to
     </th><td>block containers
     </td></tr>
     <tr><th width="100">Inherited
     </th><td>Yes
     </td></tr>
</table>


== Values ==
*<code>left</code><br />Aligns the inline text to the left.


*<code>right</code><br />Aligns the inline text to the left.


*<code>center</code><br />Centers the inline text.


*<code>justify</code><br />Stretches spaces and words in inline boxes.


*<code>inherit</code><br />Takes the same specified value as the property for the element's parent.


== Example ==
=== Example A ===
[style.css]
  p {
    border: 1px solid black;
    '''text-align: center;'''
  }

[index.html]
<pre>
  <body>
    <p>This is a paragraph</p>
  </body>
</pre>

[[File:Csslist2_text-align.png]]

=== Example B ===
[style.css]
  p {
    width: 250px;
    border: 1px solid black;
    '''text-align: justify;'''
  }

[index.html]
<pre>
  <body>
    <p>CSS is a Style Sheet Language for formatting the document content 
       (written in HTML or other markup language). You might be interested 
       by the CSS Working Group wiki too.</p>
  </body>
</pre>

[[File:Csslist2_text-align2.png]]

== CSS Reference ==
The CSS specification defines the text-align property in [http://www.w3.org/TR/CSS2/text.html#propdef-text-align 16.2 Alignment].