ショートコートで生成された作品一覧の中央寄せについて

[NGR]

お世話になっております。

ショートコードで生成した文章作品一覧（タイトルのみ抜粋なし）を中央寄せで並べたく、classを設定し下記CSSを記述しましたが、スマートフォンでは中央寄せになっているのですがPCでは反映されていませんでした。

.test {
margin:0 auto;
width:70%;
max-width:500px;
}
.test li {
text-align:center;
}

 

他、なにか記述すべき点はありますでしょうか。御知恵を拝借したく存じます。

[NGR]

すみません、自己解決しました。

li の部分に

flex-direction: column;

を追加しましたら思ったとおりの表示にできました。

ブラウザサイズが大きいとliにflexが適用されるので、その影響のようでした。
お騒がせしましてすみません。

[投稿者]

投稿