JSFiddle - React, Tailwind, and code Playground

HTML

<p style="white-space: nowrap"
  >abcdef<wbr
  >ghijkl<wbr
  >mnopqr<wbr
  >stuvwx
</p>

<p style="word-break: keep-all"
  >abcdef<wbr
  >ghijkl<wbr
  >mnopqr<wbr
  >stuvwx
</p>

CSS

p {
  width: 4em;
  overflow: atuo;
  background: #ccc;
  font: 1rem Courier New, monospace;
}