Skip to content

Try our new Crash Courses!

Buy one of our new Crash Courses, now hosted on Teachable.

Letter spacing – CSS



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

selector {
  letter-spacing: 1px;


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.


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.


letter-spacing – MDN

Back to: CSS Reference > CSS Properties