от вопрос уже есть ответ здесь:

Возможный дубликат:
Нежелательные поля в элементах списка встроенных блоков
Как удалить «Невидимое пространство» из HTML

Почему в элементах списка встроенных блоков есть пробел? Независимо от того, как я делаю свои элементы списка в меню, я всегда получаю пробелы.

li {
  border: 1px solid black;
  display: inline-block;
  height: 25px;
  list-style-type: none;
  text-align: center;
  width: 50px;
}
ul {
  padding: 0;
}

<ul>
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
</ul>