Теги ul и li - блочные элементы.
Если размеры не заданы явно, занимают всю доступную ширину родительского блока и высоту, необходимую для размещения содержимого. Браузеры устанавливают для них свои отступы по умолчанию (а иногда и свои маркеры). Поэтому, если эти значения вас не устраивают, нужно их изначально переопределить.

Для наглядности зададим для тегов ul и li рамки и цвет фона разного цвета.

  • ul {margin-left: 10px; padding: 10px;}
  • li {margin-left: 0px; padding: 0px;} Настройки по умолчанию
  • li {margin-left: 0px; padding: 0px;list-style: none;} без маркера
  • li {margin: 10px; padding: 0px;}
  • li {margin: 0px; padding: 10px;}
  • li {margin: 10px; padding: 10px;}

Пояснения:

Левый внешний отступ отодвигает список от края содержащего родительского контейнера и обычно устанавливается 20-40px.
Внутренний отступ не устанавливается.

Для тега li отступы, обычно, не устанавливаются.
Высота строки простых списков часто задается line-height

/*-- CSS. Примерные значения по умолчанию --*/
ul {
  margin: 0 0 10px 25px;
}
li {
  line-height: 20px;
}