JSFiddle - React, Tailwind, and code Playground

HTML

<table><tbody>
  <tr>
    <td colspan="5"><span class="dollar">$</span><span class="amount">1000</span></td>
    </tr></tbody>
</table>

CSS

table {
    width: 300px;
    outline: 1px solid lightgray;
}

.dollar {
    float: left;
}

.amount {
    float: right;
}