JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>
        <a href="big.ass.email@address-is.extremely.lame.de">big.ass.email@address-is.extremely.lame.de</a>
    </li>
</ul>

SCSS

li {
    width: 118px;
    list-style: none;
    a {
        word-wrap: break-word;
        font-family: Verdana;
        font-size: 11px;
    }
}