CSS text-justify Property

In CSS, the text-justify property is used to set the text-align property to justify. It expands the words to fill the entire line. When the text-align property is set to the justify value, the text-justify property in CSS is used to set the text's justification method.

Syntax

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

Example

<!DOCTYPE html>
<html>
<head>
<style>
    p {
        text-align: justify;
        text-justify: inter-word;
    }
</style>
</head>
<body>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam semper diam at erat pulvinar, at pulvinar felis blandit. Vestibulum volutpat tellus diam, consequat gravida libero rhoncus ut.</p>

</body>
</html>

Preview

Property Values

Value	Description
auto	The justification algorithm is determined by the browser.
inter-word	Increases or decreases the amount of space between words.
inter-character	Increases or decreases the amount of space between characters.
none	Methods of justification are disabled.
initial	This property is set to its default value.
inherit	This property is inherited from its parent element.

Supported Browsers

Property	Chrome	Firefox	Safari	Edge / IE	Opera
text-justify	Yes	55.0	10.0	11.0	Yes

text-indent

text-overflow

CSS text-justify Property

Syntax

Example

Property Values

Supported Browsers

Links

Tutorials

Connect with us