Example 0: Basic HTML Text Styles

Formatted Text

This is a basic paragraph with bold, italic and bold-italic text. It also includes red, green and blue text. It has strikethru and underline.

Text decoration color test: red underline cyan line-through blue overline black overline blue line-through cyan underline red

This is a paragraph with font variations: Bold Arial, Italic Verdana, COURIER, Times New Roman.

Font size=7, Font size=6, Font size=5, Font size=4, Font size=3, Font size=2, Font size=1, Font point-size=24 font-weight=700
This Text Is Small-caps.

Text styles

this text was capitalized.
latin å è should be displayed as Å È.
german character ß should be displayed as "SS".
THIS TEXT WAS LOWERCASED
LATIN Å È SHOULD BE DISPLAYED AS å è.
this text was uppercased.
latin å è should displayed as Å È.
german character ß should be displayed as "SS".
Letter spacing set to 2em's.
Word spacing set to 2em's.
this text is capitalized small-caps with letter spacing set to 1em and the word spacing set to 5em's. enjoy!

Pseudo-element tests

This paragraph demonstrates the :first-line pseudo element. The first line of text should use a font twice the size and have the letter spacing set so that the text is jammed together in an unpleasant fashion.

First letter style is really cool. The facility is very powerful because it takes an innocuous looking content model and spices it up dramatically while allowing a backwards compatible answer for older browsers.

Listings

Bulleted List

• One
• Two
  • Apples
  • Oranges
  • Bananas
• Three

Numbered List

1. One
2. Two
   1. Apples
   2. Oranges
   3. Bananas
3. Three

Justified Text

This paragraph is aligned left. This paragraph is aligned left. This paragraph is aligned left. This paragraph is aligned left. This paragraph is aligned left. This paragraph is aligned left. This paragraph is aligned left.

This paragraph is aligned center. This paragraph is aligned center. This paragraph is aligned center. This paragraph is aligned center. This paragraph is aligned center. This paragraph is aligned center. This paragraph is aligned center.

This paragraph is aligned right. This paragraph is aligned right. This paragraph is aligned right. This paragraph is aligned right. This paragraph is aligned right. This paragraph is aligned right. This paragraph is aligned right.

This paragraph is justified. This paragraph is justified. This paragraph is justified. This paragraph is justified. This paragraph is justified. This paragraph is justified. This paragraph is justified.