横並びさせたUL/OLのリストを横にも縦にもセンタリングさせるスタイルシートッッ！ – 和洋風KAI

長年思い悩んだ問題が今日やっと解決しやがりましたよ・・・。 非常に便利なUL/OLタグですが、横にも縦にもなかなかセンタリングしやがりません。 しょうがないから今まで結構力業（ピクセル指定）でやってたりしてたのですが、今日ようやく出来やがったのでその書き方をメモしておきます。 横並びさせたUL/OLのリストを横にも縦にもセンタリングさせる書き方。 参考にしたのは、floatで横並びさせたリストをセンタリングする時のメモと縦位置中央揃えvertical-alignが効かないの記事でした。 この二つを読んで、ULは通常の書き方では絶対横にセンタリングしないのと、vertical-alignはブロック要素には絶対効かないことを学びました。 というわけで、学んだことを踏まえて、やっと横並びさせたUL/OLのリストを横にも縦にもセンタリングさせるスタイルシートが完成しました。 それが以下のコードです

[kasumani]

横並びさせたUL/OLのリストを横にも縦にもセンタリングさせるスタイルシートッッ！ しょうがないから今まで結構力業（ピクセル指定）でやってたりしてたのですが、今日ようやく出来やがったのでその書き方をメモしてお