word-spacing and letter-spacing

Back to the index.

These properties allow you to set the spacing between letters or words.

Unstyled comparison

The quick brown fox jumped over the lazy dog. Oh, how that fox jumped, quick and brown.

letter-spacing

letter-spacing: 2px

The quick brown fox jumped over the lazy dog. Oh, how that fox jumped, quick and brown.

letter-spacing: -1px

The quick brown fox jumped over the lazy dog. Oh, how that fox jumped, quick and brown.

word-spacing

word-spacing: 5px

The quick brown fox jumped over the lazy dog. Oh, how that fox jumped, quick and brown.

word-spacing: -3px

The quick brown fox jumped over the lazy dog. Oh, how that fox jumped, quick and brown.

Percentages are only valid for word-spacing.

word-spacing: 250%

The quick brown fox jumped over the lazy dog. Oh, how that fox jumped, quick and brown.