JSFiddle - React, Tailwind, and code Playground

HTML

<div id="short">
    john.doe<wbr>@example.com
</div>

<div>
    john.doe<wbr>@example.com
</div>

CSS

#short
{
 width: 10px;
}