JSFiddle - React, Tailwind, and code Playground

HTML

<table>
  <thead><tr><th>Item</th><th class="price">Price</th></tr></thead>
  <tbody>
    <tr><td>Item1</td><td>12.30</td></tr>
    <tr><td>Item2</td><td>23.40</td></tr>
    <tr><td>Item2</td><td>45.60</td></tr>
  </tbody>
</table>

CSS

table {
  width:300px;
  border-collapse:collapse;
}
th.price
{
  text-align:right;
  background:yellow;
}
th, td
{
  border:1px solid #aaa;
}