CSS word-spacing

Christine_Yang's avatar
Published Jul 5, 2021Updated Oct 13, 2023
Contribute to Docs

The word-spacing attribute is used to set the size of spaces between words.

  • Front-end engineers work closely with designers to make websites beautiful, functional, and fast.
    • Includes 34 Courses
    • With Professional Certification
    • Beginner Friendly.
      115 hours
  • A full-stack engineer can get a project done from start to finish, back-end to front-end.
    • Includes 51 Courses
    • With Professional Certification
    • Beginner Friendly.
      150 hours

Syntax

word-spacing: <word-spacing-value>;

The CSS units for word-spacing-value can be:

  • px
  • em

Example

Given the following HTML p tag:

<p>
Docs is a community-driven collection of code documentation for popular
programming languages and frameworks. Interested in helping build it?
</p>

Set the space between the words to 0.5em:

p {
word-spacing: 0.5em;
}

This will display:

Word Spacing Style on a Paragraph

Note: For word spacing, using em values are recommended because the spacing can be set to match the size of the font.

All contributors

Contribute to Docs

Learn CSS on Codecademy

  • Front-end engineers work closely with designers to make websites beautiful, functional, and fast.
    • Includes 34 Courses
    • With Professional Certification
    • Beginner Friendly.
      115 hours
  • A full-stack engineer can get a project done from start to finish, back-end to front-end.
    • Includes 51 Courses
    • With Professional Certification
    • Beginner Friendly.
      150 hours