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>

<h2>I hope this helps!</h2>

CSS

.my-div {
  /*width:100%;*/
  height:400px;
  background-color:#bada55;
  display: inline-block;
}
td {
  white-space:nowrap;   
}
table {
  width: 100%;
}