/<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Испытание: итоговая таблица</title>
</head>
<body>
<h1>Итоговая таблица</h1>
<table>
<tr>
<th>Город</th> <th class="row-1">Посещений</th> <th style="text-align: right" class="row-7" >%</th>
</tr>
<tr>
<td style="text-align: left;">СПб</td> <td>199</td> <td style="text-align: right;">65.12</td>
</tr>
<tr class="row-3"> <td style="text-align: left;">Москва</td> <td>69</td> <td style="text-align: right;">21.3</td>
</tr>
<tr style="padding: ">
<td style="text-align: left;">Киев</td> <td>5</td> <td style="text-align: right;">8</td>
</tr>
<tr class="row-5">
<td colspan="2" style="text-align: left;">Посещений за весь период</td> <td style="text-align: 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 {
color: black;
border-collapse: collapse;
width: 350px;
height: 200px
}
th {
text-align: left;
color: white;
background-color: darkcyan;
border-top: 1px solid black;
border-bottom: 1px solid black;
padding: 5px;
}
td {
text-align: center;
border-bottom: 1px solid lightgray;
padding: 5px;
}
.row-3 {
background-color: lightyellow;
}
.row-5 {
background-color: lightyellow;
}
.row-1 {
background-color: lightblue;
vertical-align: middle;
width: 100px;
padding-left: 20px;
}
.row-7 {
width: 100px;
}
что не так?