JSFiddle - React, Tailwind, and code Playground

by Henry

HTML

<div id="top">
  <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis veniam a necessitatibus quia, non veritatis iure ducimus, ad eius saepe impedit blanditiis ut eos reiciendis repudiandae, voluptas sed iusto fuga!</div>
  <table>
    <tr>
      <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Explicabo hic error ut reiciendis facilis nobis, accusamus culpa eligendi quia asperiores eveniet modi sed ea ad earum dolorum temporibus non ipsum.</td>
    </tr>
  </table>
</div>

CSS

div {
  width: 100%;
}
#top {
  max-width: 300px;
  overflow-x: scroll;
}
table {
  color: red;
  width: 500px;
}