横槍失礼します、ちょうど自分も同じことを試みていたので…🙇‍♂️

同様にグループ化などでは中央寄せできかったので、独自のclass名を指定してCSSで設定するのが自分は早かったです。

まず方法としてはリストブロックの「高度な設定」にて、追加CSSクラスに「centerlist is-style-default」というクラス名を書き足します。

※他の目次風リストなどを中央寄せにしたい場合には「is-style-default」の箇所を「is-style-index」にするなどして書き換えてください🙇‍♂️

続いてカスタマイザーの追加CSSに、「centerlist」で指定したリストが中央寄せになるよう以下のコードを追記します。

.centerlist {
    display: flex;
    align-items: center;
    flex-direction: column;
}

これで一応、特定のリスト項目を左寄せになった状態で中央寄せにできるかと思います！「centerlist」の名前は何でも大丈夫です。

ちょっと荒技なのでもっといい方法があればどなたかお教えください😭ご参考になれば幸いです！

※実装後の中央寄せリストの見た目です

何度もすみません…ちょっと中央よりも右側に寄ってるので、追加CSSにはこちらのCSSを追記すると良いかと思います🙇‍♂️

.centerlist {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding-left: 0px!important;
}

hanabiさん、もうほんとに何度も何度もすみません…😭

上記の方法だと箇条書きした項目の「文字数」がそれぞれ違うときに、ずれて見えるようになってしまうことがわかりました。

なのでちょっと手間はかかりますが、

• リストブロックに独自クラス名を指定
• リストブロックをグループ化し、独自クラス名を指定

この2つを行なっていくことで、文字数が違う箇条書きでも「左端揃え＆中央寄せ」にすることができます。

記事にしてみたのでよかったらご参考になれば幸いです🙇‍♂️

https://llls.info/swellcustomize-list-center/

わわ！すごく勉強・参考になります、めっちゃうれしいです 😭 😭 

お時間頂きまして有難うございます！記事も読ませて頂きました！
拝みながら使わせて頂きますヽ(=´▽`=)ﾉ

@kuroshiba

くろしばさん、ありがとうございます！