Как убрать отступы между пунктами меню?

Question

[sergey]

Нарыл вот такое меню jsfiddle, но в нем не устраивает один нюанс: отступы между лишками, по замыслу отступов (пробелов) не должно быть. Перепробовал разные варианты, но выхода не нашел, как их убрать?

Answer 1

[DenJel]

Убрать свойство display: inline block и переписать его под float'ы или флексы, либо убрать все пробелы в самой верстке между элементами li

Answer 2

[Андрей Федоров]

https://jsfiddle.net/tzdv2t6g/1/
Только тут еще transform вносит свои глюки.

Answer 3

[Justin Bieber]

@media all and (min-width: 690px) {
  nav li {
    margin: 0 -2px;
    transform: skewX(-10deg);
  }