CSS Spacing

There are two types of spacing properties in CSS.

  1. Letter Spacing
  2. Word Spacing

Letter Spacing

The letter-spacing defines the spacing between the characters of a block of text.

Syntax:
p{ letter-spacing: 3px; }
Example:
<!doctype html>  
<html>

    <head>
        <title>...</title>
    </head>
  
    <body>
       <p style="letter-spacing: 3px;">You can learn programming languages from PHPDocs.</p>
    </body>

</html>

Word Spacing

The word-spacing defines the length of space between words and tags.

Syntax:
p{ word-spacing: 3px; }
Example:
<!doctype html>  
<html>

    <head>
        <title>...</title>
    </head>
  
    <body>
       <p style="word-spacing: 3px;">You can learn programming languages from PHPDocs.</p>
    </body>

</html>

Units

The possible units can be used for these properties are as follows:

Values Description
pixel Values with “px” e.g. 3px, 4px
rem Values with “rem” e.g. 1rem, 6rem
normal It alters the space between characters in order to justify text.