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; }
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; }