HTML中心对齐不工作 [英] html center align not working

问题描述

  
我试图将ul与div的中心对齐，它在这里不工作，我的HTML代码是： >< div id =container> 
< div id =footer> 
< ul id =footer_links> 
< li>< a href =...>关于< / a>< / li> 
< li>< a href =...> Faq< / a>< / li> 
< li>< a href =...>如何使用Rang De< / a>< / li> 
< li>< a href =...>联络人< / a>< / li> 
< li>< a href =...>支持< / a>< / li> 
< / ul> 
< / div> 
< div> 
  

我的CSS是：

  #container {width：975px; margin：0 auto;} 
 #footer {text-align：center;} 
 ul＃footer_links {margin：0px; text-align： center;} 
 ul＃footer_links li {float：left;列表样式：无; padding：10px 0px 0px 20px;} 
  

链接到 HTML代码

解决方案删除 float：left from ul＃footer_links li 并使用 display：inline p>

JSFiddle： http://jsfiddle.net/ Efbjv / 1 /

I am trying to align the ul to the center of the div, it's not working here is my HTML code is:

<div id="container">  
  <div id="footer">  
    <ul id="footer_links">  
      <li><a href="...">About</a></li>  
      <li><a href="...">Faq</a></li>  
      <li><a href="...">How Rang De Works</a></li>  
      <li><a href="...">Contact</a></li>  
      <li><a href="...">Support</a></li>  
    </ul>  
  </div>  
<div>  

My CSS is:

#container {width:975px;margin:0 auto;}  
#footer {text-align:center;}  
ul#footer_links {margin:0px;text-align:center;}  
ul#footer_links li {float:left; list-style:none; padding:10px 0px 0px 20px;}

Link to HTML code

解决方案

Remove float: left from ul#footer_links li and use display: inline instead

JSFiddle: http://jsfiddle.net/Efbjv/1/

这篇关于HTML中心对齐不工作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！