如何居中ul菜单？

Question

我有这个ul菜单：

<ul id="superfish-1">
  <li class="active-trail"><a href="#" class="sf-depth-1  active">Inicio</a></li>
  <li class="trail"><a href="#" class="sf-depth-1">Quienes somos</a></li>
  <li class="trail"><a href="#" class="sf-depth-1">Contacto</a></li>

</ul>

我需要水平对齐它。

我看到了这个question，但将ul定位为postion:relative;并设置left:50%没有成功。

我也发现了这个question，但在我的情况下，我无法手动设置宽度，因为菜单会动态加载其内容，然后宽度会一直变化。

这就是我需要的：

Answer 1

像这样写：

    #superfish-1{
     text-align:center;
    }
    li{
     display:inline-block;
     *display:inline;/*For IE7*/
     *zoom:1;/*For IE7*/
    }

选中此http://jsfiddle.net/SdkKd/

Answer 2

将margin:0 auto;添加到ul。

的css中

检查这个小提琴：http://jsfiddle.net/dURBJ/1/