letter-spacing

value: normal | <length> | inherit
initial value: normal
inherited: yes
percentages: N/A
applicable to: all elements (with text)

The letter-spacing property allows you to cause text to have more space between each letter. The user agent (browser) will have a default setting for the space between letters. The font-family that you choose can also effect the letter spacing. This property is inherited, so any child elements will have the same letter-spacing effect.

You may wish to use this property if you have a font that does not read well at the "normal" setting, or you want to space out the letters for a heading or for dramatic effect.

Example:

h3.spreadout {letter-spacing: 8px;}

THIS LETTER SPACING IS SET TO 8PX

The <length> stated can be in pixels or em. The <length> can also be stated in negative values, though the results may vary depending on the user agent (browser).

Example:

h2.smush {letter-spacing: 8px;}

NEGATIVE SPACING