第一种方法，需要对包含li的ul增加一些样式（需要一些Hack），并且同时对外层的div设置text-align:center属性。

以上两项必须同时设置，否则不起作用，此时就可以达到我们的目的了。

第二种方法，对ul和li均设置position: relative的属性也可行。

在各浏览器中测试，均正常显示。

关键样式

display:inline-block; *display:inline; zoom:1;

测试代码

<div>

<ul>

<li>1.万年洪水</li>

<li>2.千年洪水</li>

<li>3.百年洪水</li>

</ul>

<div></div>

</div>

<div>

<ul>

<li>1.万年洪水</li>

<li>2.千年洪水</li>

<li>3.百年洪水</li>

</ul>

<div></div>

</div>