text-align属性是针对文字的对齐方式；
其中值包括：left(向左对齐)
center（居中）
right（右对齐）
justify（两端对齐）
inherit（默认对齐方式）
在这里我们将用到：text-align:center属性
此时你只要给浮动的对象，加上相对应的宽度，让其上下外边距为0 左右外边距为自动，就可以实现居中！
html中的CSS样式修改为：
#globallink ul {list-style: none
padding: 0px
overflow: hidden
width: 700px
margin: 0 auto
}
即可：
如图
其中修改的属性介绍：
1、margin：简写属性在一个声明中设置所有外边距属性。该属性可以有 1 到 4 个值。
当设置上下边距之后，在设置左右我自动（auto）即可实现自动居中！（前提是要给对象元素设置觉得的宽度！）
1.需要两个小小的图片，分别用来填充背景与分隔条。
2.编写html代码，用ul、li列表。下面是原代码：（包含效果图）
3.然后开始CSS部分。首先：加背景；其次：将竖直列表变成水平，用float:left就可以实现。相应的CSS代码如下（附效果图）：
4.最后美化一下，给a标签左右2em的间距，同时加上竖线背景（mainNavBorder.jpg）,并弄上:hover时的变化（这里只是让颜色变化） 在上面的CSS基础上，添加如下代码：
