JSFiddle - React, Tailwind, and code Playground

HTML

<ol>

    <li>
        <div class="overflow-hidden">
        asdf asdf asdf asdf asdf asdf asdf asdf asdf sadf sadf asdf asdf asdf sadf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf asdf 
        </div>
        </li>
  
</ol>

CSS

.overflow-hidden {
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
}