JSFiddle - React, Tailwind, and code Playground

HTML

<p>Lets see which combination breaks...
<table>
<tr><td>non-breakable hyphen:<td>e&#x2011;commerce
<tr><td>hyphen followed by word joiner:<td>e&#x2010;&#x2060;commerce
<tr><td>ASCII hyphen/minus followed by word joiner:<td>e‑&#x2060;commerce
<tr><td>ASCII hyphen/minus:<td>e-commerce
    </table>

CSS

table {
    table-layout: fixed;
    width: 350px;
}
td + td {
    line-height: 1.5;
    width: 10px;
}