如何在無序列表中居中列表標籤？

Question

如何列出給定顯示的標記：block並將其左移，並置於無序列表中。

的HTML：

 <div id="navigation"> 
      <ul> 
       <li>Home</li> 
       <li>About Us</li> 
       <li>Contact</li> 
       <li>News</li> 
       <li>Events</li> 
       <li>Video</li> 
       <li>Photos</li> 
      </ul> 
     </div><!-- navigation --> 

的CSS：

#navigation { 
    border: 3px solid orange; 
    overflow: hidden; 
} 
#navigation ul { 
    list-style-type: none; 
    text-align: center; 
} 
#navigation ul li { 
    float: left; 
    display: block; 
    padding: 10px 8px; 
    border: 1px solid green; 
} 

Answer 1

，而不是顯示：塊，使用：

#navigation ul li { 
    display:-moz-inline-stack; 
    display:inline-block; 
    zoom:1; 
    *display:inline; 
    padding: 10px 8px; 
    border: 1px solid green; 
}