Html ul li之间的空白解决方案

我们在页面做排版布局的时候，经常会用到ul li标签，但是有时候li的宽度会比ul的宽度小很多，无论怎么设置都无效。具体原因我也不懂，但是有个方法可以解决。

示例：

<ul>
   <li>hah</li>
   <li>hah</li>
   <li>hah</li>
   <li>hah</li>
	 </ul>

这样是会有空白的

解决方法：

<ul>
   <li>hah</li><li>hah</li><li>hah</li><li>hah</li>
</ul>

把他们并排一起写