JSFiddle - React, Tailwind, and code Playground

HTML

<ol>
  <li>Item</li>
  <li>Item</li>
  <li>Item</li>
  <li>
    <span class="parent">
      <span class="child">Nested span with overflow: hidden</span>
    </span>
  </li>
  <li>Item</li>
  <li>Item</li>
  <li>Item</li>
</ol>

CSS

.parent {
  display: block;
}

.child {
  display: block;
  overflow: hidden;
}