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;
}