/    /  CSS word-spacing

CSS word-spacing

 

This CSS property sets the spacing between the words in the text content. we can increase or decrease the space between the words in the text content.

 

Syntax:

 

word-spacing:             length | normal | initial | inherit

 

Example:

 

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>CSS word-spacing property</title>
  <style>  
              p.normal {
                    word-spacing: normal;
              }
              p.spacing {
                    word-spacing: 50px;
              }  
  </style>
</head>
<body>
  <p class="normal">This is a normal paragraph.</p>
  <p class="spacing">This is a paragraph with word spacing (50px).</p>
</body>
</html>

 

OUTPUT:

 

CSS word-spacing 

 

Property Values:

 

  • length : Length value in px, pt, cm, em, etc.
  • normal : Defined by the current font and/or the browser.
  • initial : The property to its default value.
  • inherit : The value from its parent element.