Добрый день. Выполнила задание на 91%.
Наложение показывает смещение, не понимаю как исправить.
Что не так написано, подскажите, пожалуйста.
HTLM
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Испытание: итоговая таблица</title>
</head>
<body>
<h1>Итоговая таблица</h1>
<table>
<tr>
<th class="left">Город</th>
<th class="blue" class="middle">Посещений</th>
<th class="right">%</th>
<tr>
<tr>
<td class="left">СПб</td>
<td class="middle">199</td>
<td class="right">65.12</td>
</tr>
<tr class="yellow">
<td class="left">Москва</td>
<td class="middle">69</td>
<td class="right">21.3</td>
</tr>
<tr>
<td class="left">Киев</td>
<td class="middle">5</td>
<td class="right">8</td>
</tr>
<tr class="yellow">
<td colspan="2" class="left">Посещений за весь период</td>
<td class="right">273</td>
</tr>
</table>
</body>
</html>
и CSS
body {
width: 350px;
margin: 0;
padding: 0 10px;
font-size: 14px;
font-family: Arial, sans-serif;
}
table {border-collapse: collapse;}
th {
background-color: darkcyan;
color: white;
border-top: solid black 1px;
border-bottom: solid black 1px;
padding: 10px;
width: 250px;
}
td {padding: 10px;
border-bottom: solid lightgray 1px;
}
.blue {background-color: lightblue;
width: 125px; }
.yellow {background-color: lightyellow;}
.left {text-align: left;}
.middle {text-align: center;}
.right {text-align: right;}