Question

The example on jsfiddle – http://jsfiddle.net/FbEXV/

What I’ve tried to do is restyle my

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

To not appear as an unordered list with bullets but rather as tabs.
Definitions I’ve used

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

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

But this is not enough, the li elements seem to have a right margin of sorts. Can you figure what the problem is ? http://jsfiddle.net/FbEXV/

Answer 1

Add float:left to your li, that should do the trick

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