需要一些幫助，讓我的DIV居中

Question

我有以下代碼：

<div id="ftr_btm"> 
     <div id="ftr_ctr"> 
      <div class="hdr_lnk"> 
       <ul> 
       <li><a>Test1</a></li> 
       <li><a>Test2</a></li> 
       <li><a>Test3</a></li> 
       </ul> 
      </div> 
     </div> 
    </div> 

和下面的CSS：

#ftr_ctr {display: block; text-align: center; font-size:0.8em; position: absolute; height: 24px;margin: auto;} 
.hdr_lnk ul li { 
    display: inline; 
    float: left; 
    padding: 0; 
    position: relative; 
} 

我所試圖做的是有文字（地址鏈接）水平居中顯示UL邊緣的邊緣。它不工作，文本和UL的一切順利，以左側爲在此：

fiddle

是否有任何人誰可以告訴我怎樣才能獲得UL的出現在頁面的中間。

感謝

Answer 1

我不太清楚，你把這些代碼在上下文的，但這應該達到你想要的效果：您所需要的主要事情是在

#ftr_ctr { 
    width: 100%; 
    text-align: center; 
    font-size:0.8em; 
    position: absolute; 
    height: 24px; 
} 

.hdr_lnk ul{ 
    margin: auto; 
} 

.hdr_lnk li { 
    display: inline; 
    padding: 0; 
} 

width: 100%;規則中的#ftr_ctr元素和margin: auto;規則中的.hdr_lnk ul規則。 （寬度不一定是100％，但它需要設置爲從收縮包裝其內容停止元素）。 margin: auto;將以相同的垂直或水平方向居中放置內容，或者margin: 0 auto;將水平居中放置內容。