таблица при проверке сдвигается. Простая, но аккуратная таблица [9/23]

<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8">
    <title>Простая, но аккуратная таблица</title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <h1>Посещения по городам</h1>
<table  >
    <tr>
    <td>Город</td>
    <td>Посещения</td>
    <td>Страниц</td>
    <td>Время</td>
    </td>
    <tr>
      <td>СПб</td>
      <td>199</td>
      <td>18,02</td>
      <td>00:13:45</td>
      </tr>
      <tr>
        <td>Москва</td>
      <td>69</td>
      <td>1,48</td>
      <td>00:00:44</td>
      </tr>
       <tr>
      <td>Киев</td>
      <td>5</td>
      <td>13,43</td>
      <td>00:18:07</td>
      </tr>
  </table>
  </body>
</html>

body{
width:350px;
padding:0 10px;
font-size:14px;
font-family:“Arial”;
}
table{
border-collapse:collapse
}
td {
border-bottom: 2PX solid lightgray
;padding: 10px;

}

Не дублируйте вопросы, пожалуйста.
И пишите код аккуратнее: каждое css-свойство с новой строки, точку с запятой отрывать не надо. Капсом единицы измерения не пишутся.
Для оформления html-кода в сообщении в редакторе есть кнопка </>.

Не нужно изменять правила в CSS.
Восстановите всё что было в body изначально.
Парные теги должны закрываться…
Наведите порядок в синтаксисе…