Определение стиля рестайлинга (CSS) для элемента неупорядоченного списка (<ul>) (несоответствие полей)

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

Пробел берется из inline-block, поэтому, как сказал Роб, хорошо использовать float:left, или есть другой вариант, напишите так:

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

Answer 2

Добавьте float:left к своему лицу, что должно сработать

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