Html 如何指定列表项之间的距离？

我想在每个列表之间设置一个20px的距离

HTML:

---

我怎样才能做到这一点呢？

folio ul li{margin:0 20px 20px 0；}

应该可以做到。另外，如果我错了，请纠正我，但是使用

display:inline block，您是否也应添加
垂直对齐：顶部
要对齐方框？
正如@Paul所说，您应该添加：

#folio ul li{ margin:0 20px 20px 0; vertical-align:top}

由于使用了
display:inline block
，您还应该删除HTML中的空白，如下所示：

<div id="folio">
    <ul>
        <li><img src=""></li><li><img src=""></li><li><img src=""></li><li><img src=""></li>
    </ul>
</div>






我还添加了另一个
宽度
，然后在
对开本
中添加了
溢出：隐藏
，以掩盖额外的
边距

请参见：
css页边空白内页#对开本ul li？你们试过了吗？我试过了列表之间的垂直距离，你们可以看到我用的是内联的-block@BoltClock：谢谢：）
#folio ul li{ margin:0 20px 20px 0; vertical-align:top}

<div id="folio">
    <ul>
        <li><img src=""></li><li><img src=""></li><li><img src=""></li><li><img src=""></li>
    </ul>
</div>