如何在html中左对齐表格？

<table class="left-align-table">
  <thead>
    <tr>
      <th>表头1</th>
      <th>表头2</th>
      <th>表头3</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>内容1</td>
      <td>内容2</td>
      <td>内容3</td>
    </tr>
    <tr>
      <td>内容4</td>
      <td>内容5</td>
      <td>内容6</td>
    </tr>
  </tbody>
</table>

.left-align-table {
  width: 100%;
  border-collapse: collapse;
}

.left-align-table th,
.left-align-table td {
  text-align: left;
  padding: 8px;
  border: 1px solid #ddd;
}