Potion Letter Spacing

When adding letter-spacing to some text, take note of the fact that the spacing is added to the right of each letter, not between each letter.

This means that if you text-align: center text which has been letter-spaced, the letters won’t be centered unless you make a correction. There are a number of ways to do this, including applying a negative left margin, a left padding, or using text indent.

Text indent is perhaps the best method when you can guarantee your text doesn’t wrap. Otherwise, a padding or margin is probably your best bet.

1em letter-spacing with no left padding:

Page Title

1em letter-spacing with padding-left: 1em:

Page Title