JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <tr>
      <th>H 1 foo</th>
      <th>H 2 foo</th>
      <th>H 3 foo</th>
      <th>H 4 foo</th>
  </tr>
  <tr>
      <td>1</td>
      <td>2</td>
      <td>3</td>
      <td>4</td>
  </tr>
  <tr>
      <td>2</td>
      <td>3</td>
      <td>4</td>
      <td>4</td>
  </tr>
  <tr>
      <td>2</td>
      <td>3</td>
      <td>4</td>
      <td>4</td>
  </tr>
</table>

CSS

th,
td {
    border: 1px solid red;
}
th:last-child,
td:last-child,
th:nth-last-child(2),
td:nth-last-child(2) {
    text-align: right;
}