html - 列表上的神秘边距或填充

Question

我无法弄清楚每个列表左侧的填充来自哪里:

http://jsfiddle.net/spadez/rAQYL/15/

据我所知，下面的代码应该可以阻止这种情况的发生。任何人都可以向我解释这是从哪里来的吗？

* {
    padding: 0px;
    margin: 0px;
    border: 0px;
}

Answer 1

来自

display: inline-block;

应用于#header ul li。

你可以使用

float: left;

或给予

margin-left: -3(4)px to each li.