<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>32</td>
</tr>
</table>
</body>
</html>