margin：CSS3中的auto屬性

Question

我的HTML-5代碼的一部分：

<header id="main">
    <a href="#" id="exit"></a>
    <a href="http://www.reddit.com/" id="reddit"></a>
    <a href="http://www.stackoverflow.com/" id="stackoverflow"></a>
    <a href="http://www.facebook.com/" id="facebook"></a>
    <a href="#" id="title"></a> 
</header>

CSS-3代碼：

#main{
    height: 220px;
    width: auto;
    border: 2px #000000 solid;
}

#title{
    float: left;
    background: url(title.jpg) no-repeat;
    padding: 90px 145px;
    margin: 20px auto;
    border: 2px #000000 solid;
}

我在兩個ID上都設置了邊框，只是為了使其更易於可視化。 我不知道為什么標題圖像沒有居中。 從上面的代碼看起來像這樣：

這是JSFiddle： http : //jsfiddle.net/5nWag/2/

Answer 1

標題圖像未居中，因為您使用的是float: left; 而且我認為您正在將其用於id="exit" 。
嘗試將facebook，stack，red放入div中， position: absolute; 。 接下來對退出執行相同操作。

這應該是您的主要形象的風格。

background: url(title.jpg) no-repeat;
padding: 90px 145px;
margin: 0 auto;
margin-bottom: 20px;
margin-top: 20px;
border: 2px #000000 solid;