请教JS的问题

如何控制<ul><li>"helloworld"</li><li>"hellochina"</li></ul>中的内容，即让helloworld、hellochina居中显示。加入<center><设置成<center><ul><li>"helloworld"</li><li>"hellochina"</li></ul></center>后居中显示了，可是我加入li{float:left;}后又不行了，请教是怎么回事啊？

------------