JSFiddle - React, Tailwind, and code Playground

HTML

<div id=container1>Husband/Wife</div>
<div id=container2>Husband/Wife</div>
<div id=container3>Husband/<wbr>Wife</div>
<code>resize the frame to watch the break result</code>

CSS

#container1 {
  word-break: break-all;
  font-size: 3em;
  background: gold;
}

#container2 {
  word-wrap: break-word;
  font-size: 3em;
  background: tomato;
}

#container3 {
  font-size: 3em;
  background: skyblue;
}