JSFiddle - React, Tailwind, and code Playground

by JakobJingleheimer

HTML

<p>10:37:50AM 04&nbsp;Jan&nbsp;2012</p>
<hr />
<p class="discretionary_break">10:37:50AM <span>&shy;</span>04 Jan 2012</p>
<hr />
<nobr>10:37:50AM <wbr />04 Jan 2012</nobr>

CSS

p, nobr {
    width:7em;
    border:1px solid black;
}

hr {
    visibility:hidden;
}

.discretionary_break {
    white-space:nowrap;
}

.discretionary_break span {
    width:0px;
}