JSFiddle - React, Tailwind, and code Playground

HTML

<fieldset>
<div>
<ul>
<li class="test"> This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will break and wrap to the next line.</li>
    </ul>
</div>
</fieldset>

CSS

fieldset
{
max-width : 1em;
width: 1em;
border:1px solid #000000;
}
li
{
max-width:inherit;
width:1em;
word-wrap:break-word;
}