Word Spacing

The word-spacing property specifies the spacing behavior between tags and words.

Possible values

a positive or negative length (using em px vh cm etc.) or percentage (using %)
the keyword normal uses the font’s default word spacing
the keyword inherit takes the value from the parent element

CSS

.normal    { word-spacing: normal; }
.narrow    { word-spacing: -3px; }
.extensive { word-spacing: 10px; }

HTML

<p>
  <span class="normal">This is an example, showing the effect of "word-spacing".</span><br>
  <span class="narrow">This is an example, showing the effect of "word-spacing".</span><br>
  <span class="extensive">This is an example, showing the effect of "word-spacing".</span><br>
</p>

Online-Demo

Try it yourself

Further reading:

word-spacing – MDN
word-spacing – w3.org

Found a mistake? Have a question or improvement idea? Let me know.

Table Of Contents