Word-spacing

The word-spacing property is similar to letter-spacing.

The word-spacing property sets spacing between words in the text content of an element.

CSS Syntax

word-spacing: normal | length | initial | inherit;

Let's see an example:

<!DOCTYPE html>
<html>
   <head>
      <style>
        div {
            word-spacing: 2em;
         }
      </style>
   </head>
   <body>

        <div>This is some text . Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book</div>


   </body>
</html>

The word-spacing property supports negative values.

Property Values

Value Descriptions
normal It defines normal spacing between words.
length It defines spacing between words in px, pt, cm, etc.
initial It makes the property use its default value.
inherit It inherits the property from its parents element.