JSFiddle - React, Tailwind, and code Playground

by Murali Kaliappan

HTML

<table border="1" width="100%" class="table">
<tbody>
  
  <tr>
    <td>1</td><td>2</td><td>3</td><td>4</td>
  </tr>
  
  <tr>
    <td>1</td><td>2</td><td>3</td><td>4</td>
  </tr>
  
  <tr>
    <td>1</td><td>2</td><td>3</td><td>4</td>
  </tr>
  
  <tr>
    <td>1</td><td>2</td><td>3</td><td>4</td>
  </tr>
  
</tbody>

</table>

CSS

.table tbody td :not(:first-child) {
  text-align:right;
}
.table tbody td:first-child {
  text-align:center;
}