This word spacing is unmodified.

This word spacing was increased by 1.5 ems.

This word spacing was reduced by .25 ems.


This letter spacing is normal.

This letter spacing was increased by .5 em.

This letter spacing was decreased by .10 ems.


Text with no decoration

Underlined text

Overlined text

Line-through

Blinking text


This text should be black with an underline.This text will be white but will still have a black underline.This text will be black again.

Heading with invisible box

Heading box made visible


Default Font Baseline Sub Super Top Bottom -125% (Percentage) +1/2 Inch (Length)

Text-Top

Middle

Text-Bottom

This text is set to "text-align: left."

This text is set to "text-align: right."

This text is set to "text-align: center."

This text is set to "text-align: justify." and so I've added extra text and indented the right margin 55% so that you can better see the justification effect.


THIS WAS TYPED IN UPPER CASE!
this was typed in lower case!
this was also typed in lower case!

The text-indent property enables Web designers to indent their text using fixed values such as inches, centimeters, millimeters, points, and picas. It also makes it possible to use relative values such as pixels, exes, and ems. Perhaps the most versatile method for setting an indent is by using a percentage. For example, this paragraph was indented with a value of 5%. That means the indent will be five percent of the parent element. In this case, that's the browser window. If you display this paragraph in a browser, then adjust the size of the browser window, you will see that the indent adjusts as well.


The line height is normal

The line height is set at 25%.

The line height is set at .50em.

The line height is set at 2.0