Здраствуйте!
задание выполнено на 97%. Не могу понять почему не совпадают заголовки.
<head>
<meta charset="utf-8">
<title>Испытание: итоговая таблица</title>
</head>
<body>
<h1>Итоговая таблица</h1>
<table>
<tr>
<td class ="header" >Город</td>
<td class ="header2" style="text-align: center;">Посещений</td>
<td class ="header" style="text-align: right;">%</td>
</tr>
<tr class="row2">
<td>СПб</td>
<td style="text-align: center;">199</td>
<td style="text-align: right;">65.12</td>
</tr>
<tr class="row">
<td>Москва</td>
<td style="text-align: center;">69</td>
<td style="text-align: right;">21.3</td>
</tr>
<tr class="row2">
<td>Киев</td>
<td style="text-align: center;">5</td>
<td style="text-align: right;" >8</td>
</tr>
<tr class="row">
<td colspan="2">Посещений за весь период </td>
<td style="text-align: right;">273</td>
</tr>
</table>
</body>
body {
width: 350px;
margin: 0;
padding: 0 10px;
font-size: 14px;
font-family: Arial, sans-serif;
}
td {
width: 33%;
padding: 10px;
}
table {
border-collapse: collapse;
}
.header {
color: white;
background: darkcyan;
border-top: 1px solid black;
border-bottom: 1px solid black;
width: 33%;
padding: 10px;
}
.header2 {
color: white;
background: lightblue;
border-top: 1px solid black;
border-bottom: 1px solid black;
width: 33%;
padding: 10px;
}
.row {
background: lightyellow;
border-bottom: 1px solid lightgray;
}
.row2 {
border-bottom: 1px solid lightgray;
}