JSFiddle - React, Tailwind, and code Playground

by Manoj Pal

HTML

<ol>
    <li>Dalton<b>Empire</b></li>
    <li>Dalton&zwnj;<b>Empire</b></li>
    <li>Dalton&zwj;<b>Empire</b></li>
    <li>Dalton&#8203;<b>Empire</b></li>
    <li>Dalton<span class="nospace"> </span><b>Empire</b> <i>The only one that works</i>
    </li>
</ol>

CSS

span.nospace {
    /* font-size: 0px; */
    margin-left: -4px;
}