word-spacing CSS property is used to control the amount of space between words in a block of text. It allows you to adjust the spacing between words to achieve a desired visual appearance or to improve readability.
word-spacing property accepts length values or the
- Length values, such as
rem, specify a specific amount of space to be added between words. Positive values increase the spacing, while negative values decrease it.
normalkeyword uses the default spacing between words.
Here’s an example:
In this example, the
.spaced-text class sets the
word-spacing property to
2px, adding 2 pixels of space between words.
It’s important to note that the
word-spacing property affects only the spacing between words, not other spacing properties like letter-spacing or line-height. Additionally, the property applies to words within the same line, not across line breaks or between elements.
word-spacing property is commonly used to fine-tune the spacing between words, especially when dealing with typography and layout adjustments. It can be helpful in cases where the default word spacing is too tight or too loose for a particular design or readability requirement.
Keep in mind that excessive word spacing may negatively affect readability, so it’s essential to strike a balance and ensure that the adjusted spacing enhances the overall appearance and legibility of the text.