inline-block 间隙

<ul class="parentLi">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
</ul>

.parentLi{

}
li{
    display: inline-block;
    width: 100px;
    background-color: red;
}

我发现li这里有3px的间隙，哎 比较我不太会CSS

我查看网上的高手的处理方法 

1. 使用 letter-spacing字符间距;

让li的父元素的letter-spacing为负值，li letter-spacing=0;

.parentLi{
 letter-spacing: -8px;
}
li{
    display: inline-block;
    letter-spacing: 0;
}

2.使用word-spacing 字体间距；

让li的父元素的word-spacing为负值；li的word-spacing=0；

.parentLi{
 word-spacing: -8px;
  display:table;  /* chorme 浏览器*/
}
li{
    display: inline-block;
    word-spacing: 0;
    width: 100px;
    background-color: red;
}