ul li剧中对齐

html：

<div class="footernav">
   <ul>
      <li>首页</li>
      <li>文章</li>
      <li>作品</li>
      <li>关于</li>
    </ul>
 
  </div>

css：

.footernav{
    border-bottom: 1px solid #333;
    line-height: 36px;
    text-align: center;
}
 
.footernav ul li {
    display: inline-block;
    padding: 0 10px;
}