JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
<li>
<p class="letters" style="width:10px;">
Text goes here
</p>
</li>
<li>
<p class="words" style="width:10px;">
Text goes here
</p>
</li>
</ul>

CSS

p.letters {
    word-wrap: break-word;
}

p.words {
    word-wrap: normal;
}