Text Wrap

Utilities for controlling how text wraps within an element.

Nowrap

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

Wrap

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

Balance

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

Pretty

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

Unset

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

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 18, 2026