css - 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>

水平に揃える必要があります。

この質問を見ましたが、ulを次のように配置しpostion:relative;て設定してもうまくいきleft:50%ませんでした。

私もこの質問を見つけましたが、私の場合、メニューがコンテンツを動的にロードし、幅が常に変化するため、手動で幅を設定することはできません。

これは私が必要なものです：

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

Add margin:0 auto; to css of ul.

Check this fiddle: http://jsfiddle.net/dURBJ/1/