2015-08-22 106 views
0

我内嵌显示我的li元素,但结果是likeon图像:http://prntscr.com/87n6z8无法显示内嵌li元素

任何人可以帮助我吗?

这是我的HTML和CSS代码:

<footer> 
     <ul class="footer_ul"> 
      <li><a href="#">O nama</a> |</li> 
      <li><a href="#">Kontakt</a> |</li> 
      <li><a href="#">Pitanja i odgovori</a> |</li> 
      <li><a href="#">Video tutorijali</a> |</li> 
      <li><a href="#">Pravila korištenja</a></li> 
     </ul> 
</footer> 


footer{ 
    width:100%; 
    clear:left; 
    float:left; 
    height:auto; 
    background:white; 
} 

.footer_ul{ 
    display:inline; 
    list-style:none; 
    padding:0; 
    float:left; 
    width:100%; 
} 

.footer_ul li{ 
    padding:5px; 
} 

.footer_ul li a{ 
    text-decoration:none; 
} 

感谢

+1

欢迎:你的代码,以便改变!取而代之的截图(其中没有显示?),你可以像的jsfiddle或类似的服务之一后您的例子(cssfiddle?)其中一个可以用实际的代码打。 – Felix

+0

@Felix谢谢你,我会记得:) – CroVG

回答

0

你忘了给它<LI>。它有一个默认值display: list-item。在SO

.footer_ul li{ 
    padding:5px; 
    display:inline; 
} 
+1

呃,我怎么忽略它 坦克 – CroVG

+0

@CroVG高兴的是,它帮助。 –