CSS Letter Spacing

CSS property letter-spacing defines the space between characters in a text. It can be used to create visually appealing headings and subheadings, or to make paragraphs stand out.

The letter-spacing property is specified as a length or percentage. Negative values are allowed, but there may be browser-specific limitations.

CSS property letter-spacing is applied only to block-level elements — it has no effect on inline elements.

Note: If the text contains only white space characters, the letter-spacing is ignored.

The letter-spacing property is inherited, but the computed value is 0 if the element has no parent.

Example:

h1 {
  letter-spacing: 2px;
}
p {
  letter-spacing: 0.5em; /* increases readability */
}