text-justify

Specifies how text is justified. Values: auto, inter-word, inter-character, distribute (for CJK).

Quick example

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

Syntax

auto | inter-character | inter-word | none

Quick facts

Initial value
auto
Inherited
Yes

Examples

Control how justified text spaces characters

.magazine {
  text-align: justify;
  text-justify: inter-word;
  /* Stretches spaces between words, not characters */
}

Choose whether justification spreads spaces between words or characters.

Use auto for language-specific rules

p {
  text-align: justify;
  text-justify: auto;
  /* Browser picks the best method for the language */
}

Let the browser apply justified spacing rules appropriate for the language.

text-justify Browser Support

Limited availability 75% global usage

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Not ready for production without a fallback.

Common pitfalls

Only works with text-align: justify

text-justify has no effect unless text-align: justify is set. It controls how justification happens, not whether.

Limited browser support

text-justify support is inconsistent across browsers. Test with your target audience's browsers.

ESC