无法显示内联li元素(Can't display inline li elements)

无法显示内联li元素(Can't display inline li elements)

我尝试在线显示我的li元素，但结果是图像： http ：//prntscr.com/87n6z8

有谁能够帮助我？

这是我的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; }

谢谢

I try to display my li elements inline but result is likeon image: http://prntscr.com/87n6z8

Can anybody help me?

This is my html and css codes:

<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; }

Thanks

最满意答案

你忘了把它交给<LI> 。 它的默认值为display: list-item 。 所以将代码更改为：

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

You forgot to give it to <LI>. It has a default value of display: list-item. So change your code to:

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