Text Align

Apart from the various CSS font properties, there are other properties that can assist in styling your text. For example, you can change the color of text, align text, add decoration properties and more.

text aligned right

code:

<p style="font-family: courier; color:#000000; font-size: 1em; text-align:right;">text aligned right</p>

The text is indented by 50 pixels. the first line of the paragraph will be indented by 50 pixels, but the following lines will not be indented.

code:

<p style="font-family: courier; color:#000000; font-size: 1em; text-indent:50px;">text is indented by 50 pixels. the first line of the paragraph will be indented by 50 pixels, but the following lines will not be indented.</p>

text has letter spacing applied

code:

<p style="font-family: courier; color:#000000; font-size: 1em; letter-spacing:5px;">text has letter spacing applied.</p>

text has Word Spacing applied

code:

<p style="font-family: courier; color:#000000; font-size: 1em; word-spacing:50px;">The text has Word Spacing applied.</p>

The text is running from right to left.

code:

<p style="font-family: courier; color:#000000; font-size: 1em; direction:rtl;unicode-bidi:bidi-override;">The text is running from right to left.</p>