css - 填充甚至不在 IE 中

Question

如果你将下面的代码粘贴到一个test.html中，然后用firefox浏览，就可以了。但是如果用IE浏览，可以看到<a>右边的空格多了。元素:

<style>
li { 
    display:inline;
    margin:0 90px;
    padding:6px 12px;
    background:#777777 none repeat scroll 0 0;
}



li a {
    color:#FFFFFF;
    text-decoration:none;
    font-weight:bold;
}
</style>


<div id="tabs">
    <div class="nav">
        <ul>
            <li><a href="test">test</a></li>
            <li><a href="test">test</a></li>
            <li><a href="test">test</a></li>
            <li><a href="test">test</a></li>
            <li><a href="test">test</a></li>
        </ul>
    </div>
</div>

编辑:如何在 IE 中制作文本？

Answer 1

简单地回答您的问题:将所有 li 元素放在一行或 float 它们。