container加上float：left是因为元素设置为浮动并且不设置width时，它的宽度是它的内容决定的（CSS权威指南上有），可以在.container代码中不设置float试试，做对比实验。再把container设为position:relative、left:50%，让其左边框移动到页面的中间，此时container中包含的ul列表也跟着移动到了页面的右半部分。

再设置ul的position为relative，并且left:-50%，此时ul会以container的左边框为基准线向左移动50%，到达整个页面的中间位置，其实此时的居中任务已经完成。

li里面的代码，我觉得display:inline和float:left都可以让列表条目达到横向排列的效果，不行可以去掉其中一个看看，想想可能和外边框合并相关，不过这个不重要了。

我把文本加长了点   发现 是整个居中的    但是我看他的解释   为啥感觉他说的是文本的最前端居中啊