html - 无序列表 (<ul>) 元素的重新样式化 (CSS) 定义(边距不一致)

Question

jsfiddle 上的示例 - http://jsfiddle.net/FbEXV/

我尝试做的是重新设计我的

<ul id="options">
            <li>important</li>
            <li>featured</li>
            <li>unanswered</li>
            <li>most_recent</li>
        </ul>

不要显示为带元素符号的无序列表，而是显示为选项卡。 我用过的定义

ul
list-style-type:none;
margin: 0;
padding: 0;

li
display: inline-block;
margin: 0;
padding: 0;

但这还不够，li 元素似乎有某种右边距。你能想出问题是什么吗？ http://jsfiddle.net/FbEXV/

Answer 1

将 float:left 添加到你的 li 中，这应该可以解决问题

li
{
    float:left;
    //Other stuff..
}