Text wrapping property (text-wrap)

The text-wrap property specifies line breaking rules for text. This property is not supported by any major browsers at the moment of writing this tutorial.

Syntax:

selector {

}

Values:

Following values are permitted for the text-wrap property:

normal; Lines may break only at allowed break points.
unrestricted; Lines may break between any two characters.
suppress; Line breaking is suppressed within the element. The browser may only break lines within the element if there are no other valid break points in the line.
none; Lines may not break but text that does not fit in the element, overflows it.
initial, inherit

Example

The text-wrap property example with all four values:

<!DOCTYPE html>
<html>
<head><style type="text/css">
p {
    width:10em;
}
.normal {
   text-wrap: normal;
}
.unrestricted {
   text-wrap: unrestrictede;
}
.suppress {
   text-wrap: suppress;
}
.none {
   text-wrap: none;
}
</style></head>

<body>

<p class="normal">This paragraph uses a NORMAL value.</p>
<p class="unrestricted">This paragraph uses a UNRESTRICTED value.</p>
<p class="suppress">This paragraph uses a SUPPRESS value.</p>
<p class="none">This paragraph uses a NONE value.</p>
  
</body>
</html>

›› go to examples ››

Text wrapping property (text-wrap)

Syntax:

Values:

Example

The text-wrap property example with all four values:

Comments

About

Contact

Get Connected