Flexboxで中央揃えにする際はdivなどのラッパーを追加する必要があったが、以下の記述ではラッパーを記述する必要がなくなる。
ol {
max-inline-size: max-content;
margin-inline: auto;
}- max-inline-size：要素の最大サイズを定義するプロパティで、max-content値はコンテンツの幅に等しくなります。これによりリスト全体のサイズは、最長のアイテムと同じになる。
- margin-inline：論理プロパティで、margin-inline-startとmargin-inline-endのショートハンド。設定されている方向に基づいて、topとbottom、もしくはleftとrightに対応する。上記の場合はmargin-left: auto; margin-right: auto;と同等で、水平方向の中央に配置される。
※max-inline-sizeとmargin-inlineはIEを除く、すべてのブラウザでサポートされている。
