Text Wrap

Utilities for controlling how text wraps within an element.

Nowrap

Use d-tw-nowrap to prevent text from wrapping.

<p class="d-tw-nowrap">...</p>

Wrap

Use d-tw-wrap to allow text to wrap normally at soft wrap opportunities.

<p class="d-tw-wrap">...</p>

Balance

Use d-tw-balance to balance the length of each line of text, distributing content more evenly across lines.

<p class="d-tw-balance">...</p>

Pretty

Use d-tw-pretty to optimize text wrapping for better typography, avoiding orphaned words on the last line.

<p class="d-tw-pretty">...</p>

Unset

Use d-tw-unset to reset the text wrap property to its default value.

<p class="d-tw-unset">...</p>

Classes

Class
Output
d-tw-unset
text-wrap: unset !important;
d-tw-balance
text-wrap: balance !important;
d-tw-nowrap
text-wrap: nowrap !important;
d-tw-pretty
text-wrap: pretty !important;
d-tw-wrap
text-wrap: wrap !important;
Text Wrap documentation last updated Thursday, June 11, 2026