Заголовки не ставятся в центер. Урок 56

Написал всё правильно, проверил раз 20, но так и не понял почему у меня теги th и td не хотят выравниваться в центер. в Чём причина?

<div class="content">

<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">8.1</td>
</tr>
</table>

</div>

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

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

.center {
text-align: center;
}