JSFiddle - React, Tailwind, and code Playground

by Andrew

HTML

<ol>
    <li>aa. <div>Item 1<br/>a lot more text that should hopefully be a lot more than 300px wide</div></li>
    <li>bb. <div>Item 2</div></li>
</ol>

CSS

li {
    list-style-type:none;
    overflow: hidden;
    vertical-align: top;
    max-width: 300px;
}

div {
    display: inline-block;
    padding-left:15px;
    max-width: 260px;
}