Испытание таблица посложнее [17/23]. Не вижу ошибку


#1

Не могу найти ошибку. Помогите пожалуйста

HTML:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Таблица посложнее</title>
    </head>
    <body>
        <table>
            <caption>Посещения по городам</caption>
            <tr>
                <th>Город</th>
                <th>Посещения</th>   
                <th>Страниц</th>     
                <th>Время</th>
            </tr>
            <tr>
                <td>СПб</td>         
                <td>199</td>         
                <td>18,02</td>       
                <td>00:13:45</td>
            </tr>
            <tr>
                <td>Москва</td>      
                <td>69</td>          
                <td rowspan="2">нет данных</td>  
                <td>00:00:44</td>
            </tr>
            <tr>
                <td>Киев</td>        
                <td>5</td>                       
                <td>00:18:07</td>
            </tr>
            <tr>
                <td colspan="3">Всего посещений</td>            
                <td>273</td>
            </tr>
        </table>
    </body>
</html>

CSS:

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

table{
    border-collapse: collapse;
    caption-side: bottom;
}

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

td {
    border: 2px solid lightgray;
    padding: 10px;
}

Получается такая картинка. В чём проблема?


#2

caption-side: bottom; ненадо


#3
 body {
    width: 350px;
    margin: 0;
    padding: 0 10px;
    font-size: 15px;                 /* измените размер шрифта */
    font-family: Arial, sans-serif;
}
                    

td {
    border: 2px solid lightgray;     /* измените толщину рамки */
    padding: 10px;
}

table{
    border-collapse: collapse;
    caption-side: bottom;           /* это свойство лучше присвоить тегу caption */
}

#4

Спасибо, Валерий!
Получилось.