JSFiddle - React, Tailwind, and code Playground

HTML

<p id="element">
  http://www.abc.com/testing/testdata/testurl/test/testing.html
</p>

CSS

p {
    border: 1px solid red;
    word-wrap: break-word;
}

JavaScript

$('#element').html( $('#element').html().replace(/\//g, '/<wbr>') );