word-spacing

Summary

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

Syntax

/* Keyword value */
word-spacing: normal;

/* <length> values */
word-spacing: 3px;
word-spacing: 0.3em;

/* <percentage> values */
word-spacing: 50%;
word-spacing: 200%;

/* Global values */
word-spacing: inherit;
word-spacing: initial;
word-spacing: unset;

Values

normal

The normal inter-word space, as defined by the current font and/or the browser.

<length>

Specifies extra spacing in addition to the intrinsic inter-word spacing defined by the font. See <length> value for possible units.

<percentage>

Specifies the additional spacing as a percentage of the affected character’s advance width.

Formal syntax

normal | <length-percentage>
where 
<length-percentage> = <length> | <percentage>

Example

HTML

<div id="mozdiv1">Here are many words...</div>
<div id="mozdiv2">...and many more!</div>

CSS

#mozdiv1 {
  word-spacing: 15px;
}

#mozdiv2 {
  word-spacing: 5em;
} 

Specifications

Browser compatibility