html5的li标签问题

Question

         <div class="public-head">
             <div class="public-container">
                 <div class="public-logo"><a href=""></a></div>
                 <ul class="header-nav">
                     <li><a class="item">首页</a></li>
                     <li><a class="item">设备油脂</a></li>
                     <li><a class="item">切消夜</a></li>
                     <li><a class="item">冲压拉伸油</a></li>
                     <li><a class="item"></a></li>
                     <li><a class="item"></a></li>
                     <li><a class"item"></a></li>
                     <li><a class="item"></a></li>
                 </ul>
             </div>
         </div>

.public-head{
    height:136px;
    width:1920px;
    background: #f5f6f8;
}
.public-head .public-logo{
    float: left;
    height: 54px;
    width:254px;
    background: url(../img/public-logo.png);
    margin-top: 64px;    
    margin-bottom: 20px;
}
.public-head .header-nav{
    
    list-style: none;
    
}
.public-head .header-nav .item{
    
    margin-top: 94px;
    margin-left: 52px;
    font-size: 18px;
    color: #333333;
}怎么让li标签里的一行显示？

Answer 1

这样就可以一行显示了望采纳

Answer 2

这样的效果？是的话加样式：.public-head .header-nav >li {    display: inline-block;} 

Answer 3

不太明白你的表达；是不是要所有的li在一行显示；可以用display：float；或者display：inline-block；

Answer 4

li 标签是不能分开用的，<ul><li></li></ul>这样是一起使用 的，它的作用就是以列表的样式显示信息，li是每一项的内容，在li里可以加样式，默认情况下li 前边显示的是个黑点，并以列式显示。