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

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

ul {
  margin: 0;
  padding: 0;
  text-align: center;
}

li {
  list-style-type: none;
  display: inline-block;
}

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