Arrow

CSS Word Spacing

AuthorHariom Prajapati

Pubish Date27 Sep 2022

categoryCSS

It is use to increases or decreases the space between words.

 

Syntax -

word-spacing: value;

 

values

normal

⦁ It is normal space between words (0.25em)

⦁ This is default

length

⦁ It is use to add additional space between words(in px, pt, cm, em, etc). 

⦁ Negative values are allowed.

 

For example -

<!DOCTYPE html>
<html>

<head>
  <title>CSS Word Spacing</title>

  <style>
    .normal {
      word-spacing: normal;
    }

    .length {
      word-spacing: 8px;
    }
  </style>
</head>

<body>
  <h1> Normal Value (default) </h1>
  <h3 class="normal">Teknowize is a online platform where you can learn programming. </h3>
  <h1> Length Value</h1>
  <h3 class="length">Teknowize is a online platform where you can learn programming.</h3>
</body>

</html>

 

Output

CSS Word Spacing