Css 列表项之间的空格未知

我正在设计一个简单的joomla模板。当我遇到一个非常奇怪的问题。虽然我没有给出任何边距或填充，但列表项之间出现了一些空格

这是小提琴的链接

有人能告诉我我做错了什么吗

---

萤火虫什么也看不见

这与joomla场景没有任何关系。但这是内联块的默认行为方式。他们会自动在右边加上大约4倍的边距

一个快速解决方法是对列表项应用

float:left

但是，已经提出了类似的问题，回答者提供了更好的解决方案。i、 e.关闭和启动同一行中的

li

<ul>
        <li>
            <div>first</div>
        </li><li>
            <div>first</div>
        </li><li>
            <div>first</div>
        </li><li>
            <div>first</div>
        </li>
</ul>

第一

第一

第一

第一

---

此外，可能也值得一读。

在构建网站之前，我建议使用重置css。它避免了所有浏览器问题，并重置了所有元素

---

这甚至可以解决您的问题

检查此链接它将重置您的所有样式。任何解决浏览器问题的正确方法都是避免这种模式，如果它困扰您的话。添加内部

不是一个好做法，它甚至不支持ViewPort可能的重复