CSS text-justify

THE-Spellchecker's avatar
Published Jul 23, 2021Updated May 15, 2024
Contribute to Docs

Sets the justification method of text when text-align: justify; is applied to an element.

  • 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

text-justify: <value>;

The following values can be applied to the text-justify property:

  • none: Disables justification methods.
  • inter-word: Adjusts the spacing between words.
  • inter-character: Adjusts the spacing between characters.
  • auto: Allows the browser to determine the justification method.

Example

Setting a p element with a justification of inter-word:

p {
text-align: justify;
text-justify: inter-word;
}

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