🦌让ul li水平居中（任意删除li也能水平居中）

日常常用代码记录：

html代码：

<div class="box">
    <ul class="nav">
        <li></li>
         <li></li>
         <li></li>
         <li></li>
    </ul>
</div>

CSS 代码：

.box{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    text-align:center;
    width:300px;
    height:200px;
}
.nav{
    display:inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
}
.nav>li{
    display: inline-block;
    width:20px;
    height:20px;
    background:red;
    margin:0 5px;
}

# 🦌让ul li水平居中（任意删除li也能水平居中）