html/css урок 56 стиль для выделений рейтинга 8,1

Добрый вечер. У меня помимо цифры 8,1 выделилось ещё и 1. и 2014, почему?

<table class="rating">

<tr>

<th></th>
<th>Фильмы</th>
<th class="center">Год</th>
<th class="center">Рейтинг</th>
</tr>
<tr>

<td class="center"><img src="assets/img/inter.png"></td>
<td>1. <a href="show.html">Интерстеллар</a></td>
<td class="center">2014</td>
<td class="center rating">8.1</td>

</tr>

</table>

Стиль

table {
width: 100%;
border: solid 1px #f4f4f4;
}

td {
padding: 2%;
border: solid 1px #f4f4f4;
}

td img {
width: 60px;
vertical-align: middle;
}

.center {
text-align: center;
}

.rating {
font-weight: bold;
}