display:inline-blockのulで隙間が出た時

ul{
list-style-type:none;
font-size:0;
}

li{
font-size:10px; /* フォントサイズ0になっているので指定する */
display:inline-block;
}

.wrap{
    font-size:0;
}
.inline-block{
    display:inline-block;
    font-size:12px; /* フォントサイズ0になっているので指定する */
}

勉強させて貰ったサイト

• inline-blockの隙間をなくす方法 – Qiita