<table>
  <tr>
    <td style="text-align: left;">Left</td>
    <td style="text-align: center;">Center</td>
    <td style="text-align: right;">Right</td>
  </tr>
</table>

<table>
  <tr>
    <td style="vertical-align: top;">Top</td>
    <td style="vertical-align: middle;">Middle</td>
    <td style="vertical-align: bottom;">Bottom</td>
  </tr>
</table>

<table>
  <colgroup>
    <col style="text-align: left;">
    <col style="text-align: center;">
    <col style="text-align: right;">
  </colgroup>
  <tr>
    <td>Left</td>
    <td>Center</td>
    <td>Right</td>
  </tr>
</table>

<style>
  .left-align { text-align: left; }
  .center-align { text-align: center; }
  .right-align { text-align: right; }
</style>

<table>
  <tr>
    <td class="left-align">Left</td>
    <td class="center-align">Center</td>
    <td class="right-align">Right</td>
  </tr>
</table>

<style>
  table {
    display: flex;
    flex-direction: column;
  }
  tr {
    display: flex;
  }
  .left-align { justify-content: flex-start; }
  .center-align { justify-content: center; }
  .right-align { justify-content: flex-end; }
</style>

<table>
  <tr class="left-align">
    <td>Left</td>
    <td>Center</td>
    <td>Right</td>
  </tr>
</table>