JSFiddle - React, Tailwind, and code Playground

HTML

<ol>
    <li><div>Some text gets cutted</div></li>
    <li><div>Some text</div></li>
</ol>

CSS

ol {
   list-style-position: outside;
}

ol > li:before {
    content: '';
    display: block;
    height: 1px;
}

div {
    margin-top: -1px;
    overflow: hidden;
    width: 150px;
    white-space: nowrap;
    text-overflow: ellipsis;
}