Испытание: итоговая таблица 23/23

Курсы §5. Знакомство с таблицами
1

Помогите найти ошибку в коде. Заранее благодарю за помощь.

  <!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Испытание: итоговая таблица</title>
    </head>
    <body>
        
<table>
    <h1>Итоговая таблица</h1>
    <tr  class="style0">
        <th style="width: 33%"  class="left">Город</th>       
        <th class="style00"  style="width: 33%">Посещений</th> 
        <th  style="width: 33%"  class="right">%</th>
        </tr>
        <tr>
        <td>СПб </td>        
        <td class="center">199 </td>            
        <td class="right">65.12</td>
        </tr>
        <tr  class="style1">
        <td>Москва  </td>   
        <td class="center">69    </td>          
        <td class="right">21.3</td>
        </tr>
        <tr>
        <td>Киев   </td>    
        <td class="center">5   </td>           
        <td class="right">8</td>
        </tr>
        <tr class="style1">
        <td colspan="2">Посещений за весь период </td>   
        <td class="right">273</td>
        </tr>
        </table>

    </body>
</html>

body {
width: 350px;
margin: 0;
padding: 0 10px;
font-size: 14px;
font-family: Arial, sans-serif;

}

table {
border-collapse: collapse;
width: 350px;
height: 200px;
}

td {
padding:10px;
border-bottom: 1px solid lightgray;
}

th {
padding:10px;
border-top: 1px solid black;
border-bottom: 1px solid black;
}

.style0 {
background-color:darkcyan;
color: white;
}

.style00 {
background-color:lightblue;
}

.style1 {
background-color:lightyellow;
}

.center {
text-align: center;
}

.right {
text-align: right;
}

.left {
text-align: left;
}

2

Не надо задавать высоту таблицы.
Ваш код не видно.

3

Почему-то не отображается, хотя при редактировании сообщения все есть. Но именно в том, что я задал высоту была ошибка, спасибо еще раз.

4

В следующий раз при обращении на форум форматируйте код кнопкой </> в редакторе сообщений для его корректного отображения.