Presets

Target Element

Overflow Wrap

Controls whether the browser may break at otherwise disallowed points within a line

Unbreakable words may be broken at arbitrary points

Additional Properties

Word Break

White Space

Hyphens

Live Preview

Width: 300px

Font Size: 16px

This paragraph contains some verylongwordsthatcannotbebrokennormally and may cause layout issues. URLs like https://example.com/very/long/path/to/some/resource?with=query&parameters=here can overflow their containers. Email addresses: verylongemailaddressfordemonstration@extremelylongdomainname.com File paths: /home/user/documents/projects/very-long-project-name/src/components/ Technical identifiers: SuperLongClassNameWithManyWordsAndCamelCase

Edit Preview Text:

Overflow Wrap Comparison

normal

https://example.com/very/long/path/here

break-word

https://example.com/very/long/path/here

anywhere

https://example.com/very/long/path/here

Generated CSS

.text-content {
  overflow-wrap: break-word;
  word-wrap: break-word; /* Legacy */
}