CSS word-spacing

christian.dinh's avatar
christian.dinh's avatar
christian.dinh
Published Jul 5, 2021Updated Oct 13, 2023

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

  • Career path

    Front-End Engineer

    Front-end engineers work closely with designers to make websites beautiful, functional, and fast.
    • Includes 34 Courses
    • With Professional Certification
    • Beginner Friendly.
      115 hours
  • Career path

    Full-Stack Engineer

    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

Learn CSS on Codecademy

  • Career path

    Front-End Engineer

    Front-end engineers work closely with designers to make websites beautiful, functional, and fast.
    • Includes 34 Courses
    • With Professional Certification
    • Beginner Friendly.
      115 hours
  • Career path

    Full-Stack Engineer

    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