Действительно, если списки
li являются
inline-block, то между ними образуются пробелы. Как вариант, можно не закрывать теги
li, но если использовать вместо
li надо
div, то тут уже через css-костыли.
Потому давно искал решение на js, которое будет убирать эти пробелы между
inline-block элементами, пока не смог "запилить" сам:
(function () {
var list = document.querySelectorAll('.js-nospace'),
listChild,
i,
j;
for (i = list.length; i--;) {
listChild = list[i].childNodes;
for (j = listChild.length; j--;) {
if (listChild[j].nodeValue !== null) {
listChild[j].textContent = '';
}
}
}
}());