JSFiddle - React, Tailwind, and code Playground

by Filipp Dernovoy

HTML

<table>
  <tr>
    <th>
        <span>Header #1 - strangelognword</span>
        <span>(1)</span>
    </th>
    <th></th>
  </tr>
  <tr>
    <td>
      test
    </td>
    <td>
      test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test 
    </td>
  </tr>
</table>

CSS

span {
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  word-break: break-word;
}
div {
  white-space: nowrap;
  text-align: left;
}
th,
td {
  border: 1px dotted #999;
}
th {
  white-space: nowrap;
  text-align: left;
}