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