JSFiddle - React, Tailwind, and code Playground

by okohll

HTML

<div id="wrapper">
  <h1>Centred Title</h1>
  <div>
  <table><tr>
    <td>This is a long row</td>
    <td>This is a long row</td>
    <td>This is a long row</td>
    <td>This is a long row</td>
    <td>This is a long row</td>
    <td>This is a long row</td>
    <td>This is a long row</td>
    <td>This is a long row</td>
    <td>This is a long row</td>
    <td>This is a long row</td>
    <td>This is a long row</td>
    <td>This is a long row</td>
    <td>This is a long row</td>
    </tr></table>
  </div>
</div>

CSS

#wrapper {
  width: 200px;
  overflow-x: hidden;
}

h1 {
  text-align: center;
}