Word Break

Specify how words should break when reaching the edge of a line.

This feature is well established and works across many devices and browser versions.

Chrome

Edge

Firefox

Safari

wb-ap

word-break: auto-phrase;

wb-ba

word-break: break-all;

wb-ka

word-break: keep-all;

wb-n

word-break: normal;

Prefix a class with a breakpoint to apply it from that width up.

Prefix a class with a state to apply it only while that state matches.