<!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>