text-justify
The text-justify CSS property sets the justification method of text when text-align: justify is set. It is useful when you need more deliberate control over presentation or behavior in a focused part of the interface.
Overview
The text-justify CSS property sets the justification method of text when text-align: justify is set. It is useful when you need more deliberate control over presentation or behavior in a focused part of the interface.
Browser support
| Feature | Desktop | Mobile | ||||
|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Chrome Android | Safari iOS | |
| 145 | 145 | 55 | | 145 | | |
auto | 145 | 145 | 55 | | 145 | |
inter-character | 145 | 145 | 55 | | 145 | |
inter-word | 145 | 145 | 55 | | 145 | |
none | 145 | 145 | 55 | | 145 | |
1+Supported (version) Not supported ※Has note Sub-feature descriptions sourced from MDN Web Docs (CC BY-SA 2.5)
Notes 2 item(s)
Removed
- This feature was removed in a later browser version (79)
Implementation note
- Standard values `inter-character` and `none` are supported. The deprecated `distribute` value is also supported.
Notes 1 item(s)
Implementation note
- Previously available under a different name: distribute (55)
Syntax
CSS
.text-ja {
text-align: justify;
text-justify: inter-character;
}Live demo
Use cases
Refine text rhythm
Use text-justify to make long-form reading or dense interface copy easier to scan and understand.
Support language nuances
Apply text-justify when different writing systems or typographic conventions need more deliberate control.
Cautions
- Test text-justify in the browsers you support, especially if it changes layout, text handling, or interaction behavior.
- Plan a fallback or acceptable degradation path when support is still limited.
Accessibility
- Check readability with zoom, narrow screens, and mixed-language content so text remains understandable.
Related links
Powered by web-features