JSFiddle - React, Tailwind, and code Playground

by pleinx

HTML

<table>
  <tr>
    <td>a</td>
    <td>b</td>
    <td>c</td>
  </tr>
</table>

<table>
  <tr>
    <td>a</td>
    <td>b</td>
  </tr>
</table>

SCSS

table {
  width: 100%;

  td {
    width: 25%;
    text-align: center;
    background: grey;
  }
  
  td:first-child {
    text-align: left;
  }
  
  td:last-child {
    text-align: right;
  }
}