CSS消除ul和li的间隔

最近用到<ul>和<li>标签，但是在做样式调整得时候发现列表项总是和前面保持一段距离，怎么调整都不行，如下图所示：

后来搞清楚原来即使设置了隐藏列表默认的序列号样式，但它还是会有占位。所以我们需要给ul设置padding，例如这里我给ul设置padding-left=0之后效果如下图：

这样就可以清除ul和li之间的间距了。