JSFiddle - React, Tailwind, and code Playground

HTML

<div class="my-div">
  <table>
      <thead>
          <tr><td>my table</td></tr>
      </thead>    
      <tbody>
          <tr><td>my dataaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaapppppppppppppppp</td></tr>
      </tbody>
  </table>
</div>

CSS

.my-div {
    height: 400px;
    background-color: #bada55;
    overflow: auto;    
}

table {
    float: left;
}

td {
    white-space:nowrap;   
}