🎯 What is word-spacing?

The word-spacing property is used to adjust the space between words in a text.

In other words, it controls how far apart words appear from each other, not letters.

This property helps create more readable, balanced, or visually spacious text layouts.

It is especially useful in titles, posters, and modern UI typography.

p {
  word-spacing: 10px;
}
                

➡️ In this example, 10px space is added between each word.

Uses the browser’s default spacing between words.

Sets custom spacing using units like px, em, or rem.

p {
  word-spacing: 8px;
}

h1 {
  word-spacing: 20px;
}

span {
  word-spacing: -2px;
}
                

➡️ Positive values increase spacing, negative values reduce spacing.

Resets the property to its default value (normal).

The element inherits the word-spacing value from its parent element.