list要素の中央揃えについて

Question

プログラミング初心者です。
サイト模写を行っていてどうしても解決できない現象があります。
list内の要素を中央ぞろえにしたいのですが、ulやliに対してtext-aline=:center;やmargin:0 suto;を使用しても要素が中央揃えになりません。
どうすれば中央に寄るのかおしえていただけないでしょうか。

HTML

<div class="yuzu"> <div> <img class="image-2" src="images/c02_yuzu.png"> </div> <ul> <li>血行促進</li> <li>冷え性予防</li> <li>むくみ予防</li> </ul>

Answer 1

誤：text-aline=:center;
正：text-align: center;

こちらのコードで中央揃えになることを確認しています。

<ul style="text-align: center;">
<li>血行促進</li>
<li>冷え性予防</li>
<li>むくみ予防</li>
</ul>

なお、「margin:0 suto;」こちらも「margin: 0 auto;」が正しいのではないでしょうか？

Comments

[gan1234]

回答ありがとうございます。
一度教えていただいたコード打ち込んでみます！
ありがとうございます！

[hiro_app]

タイプミス、単語ミスをされていそうなので、あれ？と思ったらコピー＆ペーストをご使用ください。

Answer 2

text-aline=:center;

たぶん、打ち間違いが原因だと思います。

li {
/*  text-aline=:center; */
    text-align: center;
}

Comments

[gan1234]

回答ありがとうございます。
申し訳ありません。
質問の文章が間違っていて、実際はtext-aline:center;と打っていましたが中央揃えになりませんでした。

[Lhankor_Mhy]

text-aline:center; も間違っていますよ。