CSS刪除內聯元素的邊距

-1

CSS：

#wrapper { width: 600px; margin: 0 auto; height: 300px; background: #f9f9f9; border: 1px solid #f0f0f0; } 
#navigation { margin: 0 auto; text-align: center; } 
.mylink { background: #666; color: #ccc; padding: 5px 10px; display: inline-block; } 
.mylink:first-child { -webkit-border-top-left-radius: 10px; -moz-border-radius-topleft: 10px; border-top-left-radius: 10px; } 
.mylink:last-child { -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; }

HTML：

<div id="wrapper"> 
    <div id="navigation"> 
     <a class="mylink">Homepage</a> 
     <a class="mylink">Second Page</a> 
     <a class="mylink">Third Page</a> 
    </div> 
</div>

我想刪除的行內元素的邊緣。我也嘗試過「float：left」變體。但是，我不能在沒有寬度值的情況下將元素居中。

任何想法，我可以解決它？

來源

2012-10-07 mr_app