text-align属性是针对文字的对齐方式;
其中值包括:left(向左对齐) center(居中) right(右对齐) justify(两端对齐) inherit(默认对齐方式)
在这里我们将用到:text-align:center属性
<style type="text/css">
*{
margin:0
padding:0
}
ul,li{
list-style: none
}
#nav{
width:100%
}
#nav>ul{
width:80%
margin:0 auto
}
#nav>ul>li{
width:calc(20% - 20px)
margin:0 10px
background-color: #ccc
float: left
text-align: center
}
</style>