JSFiddle - React, Tailwind, and code Playground

by mehulkar

HTML

<table>
  <thead>
    <tr>
      <th>header</th>
      <th>header 2</th>
      <th>header 3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>ljasldkjalskdjlkajsdlkajskldjaklsdjasdaskjhasdkjhajkhdjkasd</td>
      <td>lkaj lkjasd lkjasd a lkjas dlkasj</td>
      <td>Something</td>
    </tr>
  </tbody>
</table>

CSS

table {
   width: 500px;
}
table, th, td {
  border: solid 1px #ccc;
  border-collapse: collapse;
}

th, td {
  word-break: break-word;
}