如何删除导航栏中的额外空间？

Question

好吧我正在制作一个导航栏而且我做得很好但是有一件事困扰我，那就是如何摆脱位于第一个li和左边距之间的小空间。

HTML：

<div id="nav">
 <ul>
   <li><a href="#">Home</a></li><li>
       <a href="#">Resume</a></li><li>
       <a href="#">Contact</a></li>
 </ul>
</div>

CSS：

#nav {margin:0px;padding:0px;}
#nav ul {list-style-type:none;background: #909909;}
#nav ul li {display: inline-table;padding: 10px;margin: 0px;}
#nav ul li:hover {background-color:#333;}
#nav ul li a {text-decoration: none;font-family:klavika;color: #fff;}

我的问题的屏幕截图：

正如您可以看到第一个li元素和左边距之间的空间。

Answer 1

杀死ul上的左侧填充：

#nav ul {list-style-type:none; background:#909909; padding-left:0;}

Answer 2

你能试试吗？

元素从左侧获取40像素填充。如果我们给出了将被覆盖的值。

#nav ul {padding-left: 0px;}