ol、liをスタイルシートで中央寄せ

下記のような3つに並んだ単語1列をそのまま左右中央寄せにしたいのですが、スタイルシートをどのように設定したら
いいのでしょうか？（下記のものはjavascriptsに関連したhtmlコードです。）
cssに御詳しい方、教えてください。


<ol id="filters" class="menu">
<li data-filter="Coffee">tea</li>
<li data-filter="drink">drink</li>
<li data-filter="sweets">sweets</li>
</ol>

No.1 ベストアンサー 回答者： ONEONE 回答日時： 2014/10/14 01:11

olに対してmargin: 0 auto:を与えればいいかなと思います。

widthは親の要素より小さく設定してください。

ボックス要素の中央寄せはolに限らず上記で対応できます。

No.2 回答者： ORUKA1951 回答日時： 2014/10/14 10:46

ol#filters,ol#filters li{margin:0;padding:0;line-height:1.6em;text-align:center;}

ol#filters li{display:inline-block;paddig:0 1em;}

この回答へのお礼

お礼が遅くなり申し訳ありません。
ご回答くださり、ありがとうございます。
おかげさまで問題解決できました。

お礼日時：2014/10/16 22:33