Text-justify property

Last updated: 2026-09-13

text-justify Text-justify property

The text-justify CSS property specifies how the browser adjusts spacing when text-align is set to justify. It controls whether justification is achieved by adjusting word spacing, character spacing, or a combination of both, and mainly affects typographic details when the justify value is in use.

Category
Initial Valueauto
InheritedYes
Applies To
Animation Type
CSS VersionCSS3
StatusStandard

📝 Syntax

text-justify: auto | none | inter-word | inter-character;

⚙️ Values

ValueTypeDescription
auto | none | inter-word | inter-characterKeywordJustification strategies

▶ Example

Edit the code below and see the live result in the playground:

🌐 Browser Support

Browser ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
text-justify v57 v12 v52 v10.1 v44
Supported in all major browsers
Tip: inter-character suits languages without space-separated words, such as Chinese and Japanese, achieving justified edges by adjusting character spacing.
Warning: text-justify only takes effect when text-align is justify; under any other alignment the property is ignored.

❓ FAQ

QWhich text-justify value should be used for Chinese text in CSS?
AChinese has no spaces between words, so justified text should use text-justify: inter-character, letting the browser adjust character spacing to make both edges flush — the result is more even and natural. inter-word mainly targets space-separated languages like English.
QHow does the auto value of text-justify choose a justification strategy?
AWith auto, the browser decides which strategy to use on its own, and the choice can vary between browsers. If you need a consistent result, explicitly specify inter-word or inter-character.
QWhy does the text-justify property have no effect when I set it?
Atext-justify only applies when text-align is justify, and the element needs multiple lines for spacing adjustments to show. In addition, inter-character is currently only supported by some browsers, with Firefox handling Chinese the best.

📚 Related Tutorials

Web-Tutorial.com

Web-Tutorial Tech Team

A team of developers maintaining programming tutorials. Each tutorial is written and reviewed by developers with expertise in that field. We work to keep our content accurate and reliable — if you spot an issue, please let us know.

100%

🙏 帮我们做得更好

我们是刚上线的编程教程站,几个人的小团队,精力有限。页面虽经检查,难免还有疏漏——链接失效、排版错乱、内容有误、语言生硬……

如果您发现了,麻烦告诉我们,我们会在收到反馈后第一时间进行修复,再次感谢您的光临 🙏