Не могу понять, что не так с таблицей получается. Помогите, пожалуйста!
<table>
<tr>
<th class="one" style="width: 33%">Город</th>
<th class="two blue" style="width: 33%">Посещений</th>
<th class="tree" style="width: 33%">%</th>
</tr>
<tr>
<td class="one">СПб</td>
<td class="two">199</td>
<td class="tree">65.12</td>
</tr>
<tr class="row">
<td class="one">Москва</td>
<td class="two">69</td>
<td class="tree">21.3</td>
</tr>
<tr>
<td class="one">Киев</td>
<td class="two">5</td>
<td class="tree">8</td>
</tr>
<tr class="row">
<td class="one" colspan="2">Посещений за весь период</td>
<td class="tree">273</td>
</tr>
</table>
CSS:
table {
border-collapse: collapse;
width: 350px;
}
th {
height: 30px;
border-top: 1px solid black;
border-bottom: 1px solid black;
text-align: left;
color: white;
background-color: darkcyan;
}
td {
padding: 5px;
height: 30px;
border-bottom: 1px solid lightgrey;
}
.one {
padding-left: 10px;
}
.two {
text-align: center;
}
.tree {
text-align: right;
padding-right: 10px;
}
.row {
background-color:lightyellow;
}
.blue {
background-color:lightblue;
}