9/23 Проблема

body {
width: 350px;
margin: 1;
padding: 0: 10px;
font-size: 14px;
font-family: Arial, sans-serif;
}
table {
border-collapse: collapse;
border-spacing: 20px;
}
td {
padding: 10px;
border-bottom: 2px solid lightgrey;
}

Никак не могу понять почему линии “прилипли” к левой стороне. Сижу ломаю мозг над этим.

    <h1>Посещения по городам</h1>
    <table>
      <tr>
    <td>Город</td>
    <td>Посещения</td>   
    <td>Страниц</td>     
    <td>Время</td>
    </tr>
    <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>

Код текстом, пожалуйста.

Спасибо. Исправил.

Стили для body менять не надо. Что это за margin: 1;? Не было такого.