JSFiddle - React, Tailwind, and code Playground

HTML

<table>
   <thead>
     <tr>
       <th>A</th>
       <th>B</th>
       <th>C</th>
     </tr>
   </thead>
   <tbody>
     <tr>
       <td>aardvark</td>
       <td>bale</td>
       <td>crab</td>
     </tr>
     <tr>
       <td>apple</td>
       <td>blade</td>
       <td>crib</td>
     </tr>
   </tbody>
 </table>

CSS

table {
  width: 20em;
  table-layout: fixed;
  border-collapse: collapse;
  text-align: center;
}

td {
  border: black solid 0.1em;
}

td:nth-child(2) {
  text-align: left;
}