Skip to content

Help us create more tutorials! Make a donation using the Donate button or become a member using the button below to hide this banner and track your progress.

Letter spacing – CSS

Summary

To change the space between the letters in an element’s text using CSS, use the letter-spacing property:

selector {
  letter-spacing: 1px;
}

Details

The letter-spacing property takes a length value (like 1px or 1em). A positive value increases the space between letters. A negative value decreases the space between letters.

Demo

Exercises

First, recreate the CSS code from the Demo section in your CSS file. Then try changing the value for the property. Try using positive and negative values.

Reference

letter-spacing – MDN

Back to: CSS Course > CSS Properties