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

Newly available Since 2024 84% global usage

Since 2024 this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.

Works in all modern browsers. May need a fallback for older browsers.

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

130+

124+

17.4+

130+