css - マージンを設定する方法：順序付けされていないリストに自動？

Question

<ul>を使用して要素を中央に配置する必要がありますmargin: 0 auto;

ul要素（width:300px）の幅を設定すると、正常に機能します。しかし、これは動的リストであるため、これを行うことはできません。幅は常に変化します。

HTML：

<div>
<ul>
<li>hello</li>
<li>bye</li>
</ul>
</div>

CSS：

ul{margin:0 auto;}しかし、それは機能していません。

ul{margin:0 auto;width:300px;}動作しますが、このように幅を設定することはできません。

Answer 1

次に、次のように記述します。

div{
 text-align:center;
}

ul{
 display:inline-block;
 *display:inline; /* For IE7 */
 *zoom:1; /* For IE7 */
 vertical-align:top;
}

これをチェックしてくださいhttp://jsfiddle.net/Wg9Dz/

Answer 2

それよりもあなたが使うことができる

html

<div class = "margin-me">
<ul>
<li>hello</li>
<li>bye</li>
</ul>
</div>

css

.margin-me, margin-me ul{margin:0 auto;}