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>
