【CSS】横並びさせたリスト ul,li を右寄せや中央寄せする方法

About web

メニュー&ナビゲーションなどで横並びにしたリスト(ul, li など) って中央や右側へ寄せしなければならないことがままあります。

たまにしか使わず忘れてしまうんでここにメモしておきます。

今回は「【CSS】横並びさせたリスト ul,li を右寄せや中央寄せする方法」を紹介します。

横並びさせたリストを右寄せ&中央寄せにする方法

これで横並びしたリストが右寄せになります。

以下は実際に使用したサンプルです。

See the Pen gKGyPm by ak (@tankichi) on CodePen.

中央寄せにしたい場合は、ul の taxt-align 「right」を「center」に変更すれば中央寄せになります。