li水平排列居中显示

Posted 2020-10-22 sistrong

 <div class="xlk-nav">  
        <ul>  
            <li>菜单11</li>  
            <li>菜单22</li>  
            <li>菜单33</li>  
            <li>菜单44</li>  
            <li>菜单55</li>  
            <li>菜单66</li>  
        </ul>  
    </div>  

css:

    * {  
        margin: 0px;  
        padding: 0px;  
    }  
      
    .nav {  
        margin-top: 10px;  
        background: #D9EBF5;  
        text-align: center;  
    }  
      
        .nav ul {  
            padding: 14px 0;  
        }  
      
            .nav ul li {  
                display: inline;  
                background-color:red;  
            }