Result Size: 300 x 150
x
 
<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}
th, td {
  padding: 5px;
}
th {
  text-align: left;
}
</style>
</head>
<body>
<h2>Вирівняти заголовки по лівому краю</h2>
<p>Щоб вирівняти заголовки таблиці по лівому краю, використовуйте CSS властивість text-align.</p>
<table style="width:100%">
  <tr>
    <th>Ім'я</th>
    <th>Прізвище</th>
    <th>Вік</th>
  </tr>
  <tr>
    <td>Біл</td>
    <td>Гейтс</td>
    <td>99</td>
  </tr>
  <tr>
    <td>Марк</td>
    <td>Цукерберг</td>
    <td>79</td>
  </tr>
  <tr>
    <td>Саша</td>
    <td>Грей</td>
    <td>33</td>
  </tr>
</table>
</body>
</html>