CSS textjustify Property (original) (raw)

CSS text-justify Property

Last Updated : 11 Jul, 2025

The text-justify property in CSS controls how text is spaced when text-align: justify is used. It adjusts the space between words or characters to make the text fill the full width of the line. Common options include a**uto, inter-word, inter-character, and none for better text formatting.

**Syntax

**text-justify: auto | inter-word | inter-character | none:initial | inherit;

**Property Values

The text-justify property values are listed below:

Value Description
**auto Allows the browser to determine the best justification property for the given text.
**inter-word Justifies text by adjusting the spacing between individual words in the text.
**inter-character Justifies text by adjusting the spacing between individual characters in the text.
**none Disables any justification methods used in the text.

Example of CSS text-justify Property

Here are a few examples of how the text-justify property is used to adjust text spacing:

**Example 1: Using CSS auto property

In this example, we demonstrate the text-justify: auto; property, allowing the browser to determine the best text justification method for the text content within the specified container.

html `

text-justify property

Text Justify None

This is an example of text justification with the none value. The justification methods are disabled.

`

**Output:

text-justify-none

CSS text-justify Property Example Output

**Supported Browsers

The browser supported by text-justify property are listed below: