JSFiddle - React, Tailwind, and code Playground

by Christian Sonne

HTML

<table>
  <tr>
    <td>a</td>
    <td>b</td>
    <td>c</td>
  </tr>
  <tr>
    <td>d</td>
    <td>e</td>
    <td>f</td>
    <td>g</td>
  </tr>
</table>

CSS

tr {
  display: flex;
  border-right: 1px black solid;
}

tr:last-child {
  border-bottom: 1px black solid;
}

td {
  flex: 1;
  padding: 10px;
  border: black solid;
  border-width: 1px 0 0 1px;
  text-align: center;
}