JSFiddle - React, Tailwind, and code Playground

by agib

HTML

<table>
  <tbody>
    <tr>
      <td>Lorem</td>
      <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. </td>
      <td>Lorem</td>
      <td>Lorem</td>
    </tr>
    <tr>
      <td>Ut hic voluptatibus est, illum similique unde facere nesciunt laboriosam exercitationem quae odit ipsam, perspiciatis. Fugiat odio nam, quo quae. Non, ea!</td>
      <td>Lorem</td>
      <td>Lorem</td>
      <td>Lorem</td>
    </tr>
    <tr>
      <td>Lorem</td>
      <td>Lorem</td>
      <td>Lorem</td>
      <td>Lorem</td>
    </tr>
    <tr>
      <td>Lorem</td>
      <td>Lorem</td>
      <td>Lorem</td>
      <td>Autem fugit itaque tenetur nemo numquam velit delectus suscipit.</td>
    </tr>
    <tr>
      <td>Lorem</td>
      <td>Lorem</td>
      <td>Lorem</td>
      <td>Lorem</td>
    </tr>
    <tr>
      <td>Lorem</td>
      <td>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem fugit itaque tenetur nemo numquam velit delectus suscipit, voluptas sequi esse, quia.></td>
      <td>Lorem</td>
      <td>Lorem</td>
    </tr>
    <tr>
      <td>Lorem</td>
      <td>Lorem</td>
      <td>Lorem</td>
      <td>Lorem</td>
    </tr>
  </tbody>
</table>

CSS

* {
  font-family: sans-serif;
}
table {  
    border-collapse: collapse;
}
td {
  vertical-align: top;
  padding: .7rem .9rem;
  background-color: white;
  border: 1px solid #ccc;
}