CSS letter-spacing

Previous Next

Demo of the different values of the letter-spacing property.

Click the property values below to see the result:

letter-spacing: normal;
letter-spacing: 1px;
letter-spacing: 2px;
letter-spacing: 3px;
letter-spacing: 5px;
letter-spacing: 10px;
letter-spacing: 20px;
letter-spacing: -1px;
letter-spacing: -2px;
letter-spacing: -3px;
letter-spacing: -5px;
letter-spacing: 1cm;
See this paragraph with different letter-spacing.
See this paragraph with different letter-spacing.
See this paragraph with different letter-spacing.
See this paragraph with different letter-spacing.
See this paragraph with different letter-spacing.
See this paragraph with different letter-spacing.
See this paragraph with different letter-spacing.
See this paragraph with different letter-spacing.
See this paragraph with different letter-spacing.
See this paragraph with different letter-spacing.
See this paragraph with different letter-spacing.
See this paragraph with different letter-spacing.

Play more with the code in our Tryit yourself editor: Try it Yourself ❯