无法显示内联li元素

Question

我尝试在线显示我的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;
}

由于

Answer 1

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

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