<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>
文字居中用到css2.0中的text-align属性；text-align属性是针对文字的对齐方式；
其中值包括：left(向左对齐)
center（居中）
right（右对齐）
justify（两端对齐）
inherit（默认对齐方式）
在这里我们将用到：text-align:center属性
