JSFiddle - React, Tailwind, and code Playground

HTML

<ol class="test"><li>wrapwraaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaap</li></ol>
<div class="test">wrapwraaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaap</div>
<ol class="test hyphen"><li>wrapwraaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaap</li></ol>

CSS

.test{
    border: 1px solid #000000;
    word-wrap: break-word;
    width: 100px;
}

.hyphen{
    -webkit-hyphens: auto;
}