css - 順序付けされていないリスト内の複数行リスト項目の水平方向の中央揃え

Question

2行目に折り返される順序付けられていないリストがあり、含まれているUL内で水平方向の中央に配置する必要があります。各LIは、設定された幅と高さです。1行で機能する多くのアプローチを見てきましたが、リストが2行目に折り返されている場合は、何も機能していません。これがIE7+で機能する場合は理想的です-助けてくれてありがとう。

イラストについては、こちらをご覧ください。

http://grab.by/8UIl

Answer 1

これが私が見つけた最良の方法です。

ul li { 
    /* make list elements fall inline as block elements */
    position: relative;
    display: inline-block;
    /* next two lines only for display purposes */
    text-align: center;
    border:1px solid red;
}
/* horizontally center ul element */
ul { text-align:center; }

例については、次のリンクを参照してください：http: //jsfiddle.net/gfkPG/