CSS word-spacing property

Description

CSS word-spacing property adds or removes extra spacing between the words. A sentence may shrink or expand depending upon the value of word-spacing.

Syntax

word-spacing : normal | length

Property values

normalDefault: represents no additional spacing.; word-spacing: normal;
Try it
+ve length 10: +ve value adds extra spacing between the words in addition to the default spacing defined by font (expanding behavior).; word-spacing: 10px;
Try it
-ve length -10: -ve value removes spacing between the words (contracting behavior).; word-spacing: -10px;
Try it

Applicable to

It applies to inline boxes e.g. the text content within block-level element..

Preview

Code

CSS

.element{
 width:150px;
 height:150px;
 background-color:lightblue;
}

HTML

<div class="element">
  Observe the behavior of word-spacing for different values such as normal, length.
 </div>

CSS3 Properties

Description

Syntax

Property values

Applicable to