ul表示内容を横並びにした時にセンタリングする方法

CSSが少し苦手なので、ulリストを横並び表示した時にその内容をセンタリングする方法がわからず四苦八苦したので、方法を備忘録として記録するので参考にどうぞ。

とても短い記事になりますが、以下でセンタリングできました。

どうも”li”の「display: inline-block」がミソです。なんだかCSSは苦手です。。できる人から見ると当たり前かもしれませんが、私と同じように悩んでいる方の参考になれば幸いです。