text-wrap-mode | CSS CSS Properties

A newer way to define if text should wrap to the next line or not. This is essentially a more modern version of the 'white-space' property for wrapping.

Quick example

.hero-title {
  /* Forces the text to stay on a single line and never wrap */
  text-wrap-mode: nowrap;
}

Quick facts

Initial value

wrap

Inherited

Yes

Applies to

text and block containers

Animation type

discrete

Values

wrapnowrap

text-wrap-mode Browser Support

Limited availability84% global usage

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Not ready for production without a fallback.

View on caniuse.com →View on MDN →View on webstatus.dev →Learn more about Baseline →