ul与div的边距

今天在写一个的这样排版，在一个div里面有ul，其中ul中的li是横排排放的。那么我遇到的问题是ul里面的li与div有一定的边距，如下图所示，其中蓝色方框是一个li，而白色区域是一个div，图中圈出的红色方框表示li与div的距离，可见这个边距还是非常的大。

经过查阅相关资料，得知需要设置ul的边距padding，我这里设置ul的边距padding-left:10px后，得到如下图的结果。按照当前的样式，已经满足需求。

这是今天遇到的问题，特意记录下来。