Alinierea textului la stânga în CSS

În cazul paragrafelor, valoarea left poate să nu fie setată - implicit, ele sunt deja aliniate la stânga. Cu toate acestea, există elemente care implicit sunt centrate (de exemplu, tag-urile th, care creează celula-antet a unui tabel). Și pentru acestea poate fi necesară alinierea la stânga. Să facem acest lucru:

html<table border="1">
  <tr>
    <th>Name</th>
    <th>Surname</th>
    <th>Salary</th>
  </tr>
  <tr>
    <td>John</td>
    <td>Smith</td>
    <td>200$</td>
  </tr>
  <tr>
    <td>Nick</td>
    <td>Mayers</td>
    <td>300$</td>
  </tr>
  <tr>
    <td>Alex</td>
    <td>Jonson</td>
    <td>400$</td>
  </tr>
</table>

cssth {
  text-align: left;
}

table {
  width: 400px;
}

Результат: