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:
1em
letter-spacing with padding-left: 1em
: