JSFiddle - React, Tailwind, and code Playground

by brigand

HTML

<table>
  <tbody>
    <tr>
      <td>item 1</td>
      <td>item 2</td>
      <td>item 3</td>
      <td>item 4</td>
      <td>item 5</td>
    </tr>
    <tr>
      <td>item 1</td>
      <td>item 2</td>
      <td>item 3</td>
      <td>item 4</td>
      <td>item 5</td>
    </tr>
    <tr>
      <td>item 1</td>
      <td>item 2</td>
      <td>item 3</td>
      <td>item 4</td>
      <td>item 5</td>
    </tr>

    <tr>
      <td>item 1</td>
      <td>item 2</td>
      <td>item 3</td>
      <td>item 4</td>
      <td>item 5</td>
    </tr>

    <tr>
      <td>item 1</td>
      <td>item 2</td>
      <td>item 3</td>
      <td>item 4</td>
      <td>item 5</td>
    </tr>

  </tbody>
</table>

CSS

table {
  width: 20em;
  margin: 4em auto;
  box-shadow: 0 0 5px 2px #999;
}

td:nth-child(3) {
  width: 40%;
}

td {
  border-right: 1px solid hotpink;
}