JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <h1>With non-breaking hyphen</h1>    
    <br />   
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempo&#8209;r incid&#8209;idunt ut labore et dolore magna aliqua. Ut enim ad minim ve&#8209;niam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea comm&#8209odo
consequat. Duis au-te irure dolor in repr&#8209;ehenderit in voluptate velit esse
 </p>         
</div> 
   <div>
       <br />
       <h1>Without non-breaking hyphen</h1>  
       <br />               
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempo-r incid-idunt ut labore et dolore magna aliqua. Ut enim ad minim ve-niam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea comm-odo
consequat. Duis au-te irure dolor in repr-ehenderit in voluptate velit esse
</p>  
    </div>

CSS

div{
      width:300px;
}