MonorailCss

Overflow Wrap

Utilities for controlling how words should break within an element.

Class CSS Output
wrap-normal 
overflow-wrap: normal;
}
wrap-anywhere 
overflow-wrap: anywhere;
}
wrap-break-word 
overflow-wrap: break-word;
}
break-words 
overflow-wrap: break-word;
}
break-all 
word-break: break-all;
}
break-keep 
word-break: keep-all;
}

wrap-normal

overflow-wrap: normal;

wrap-anywhere

overflow-wrap: anywhere;

wrap-break-word

overflow-wrap: break-word;

break-words

overflow-wrap: break-word;

break-all

word-break: break-all;

break-keep

word-break: keep-all;

Reference

overflow-wrap MDN ↗
word-break MDN ↗

CSS Properties

  • overflow-wrap
  • word-break