中央ぞろえになりません

Question

中央ぞろえになりません。
コードは正しくあったと思ったのですが反応しないです
以下がコードになります。

  <header>

    <div class="container">

      <img src="img/149.JPG" alt="顔の画像" width="200" height=200>

      <h1>あかさたな</h1>

      <p>bloger</p>

      <p>webmarketer</p>

      <ul>

        <li><ion-icon name="umbrella" style="color: blue; font-size: 50px;"></ion-icon></li>

        <li><ion-icon name="heart" style="color: black; font-size:50px;"></ion-icon> </li>

      <li><ion-icon name="heart" style="color: black; font-size:50px;"></ion-icon> </li>

      </ul>

    </div>

  </header>

</body>

 
 

header{

  background-color: rgb(173, 198, 230); 

  backdrop-filter: blur

}

 

 

.container{

  margin-left:auto;
コード

Comments

[kei344]

（質問文は編集できます）質問文のコードはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。
また、実際のコードをコピーするようにしてください。

[teruyoru]

修正できました。
申し訳ないです。

[kei344]

CSSは本当にそれだけでしょうか。また、コードブロックは複数設置可能です。

[teruyoru]

Cssぬけがあったので追加致しました。

[kei344]

https://teratail.com/questions/258580 この質問と内容が同じです。teratailは質問内容の編集ができるので、変更がある場合は新しい質問をするのではなく編集してください。また、こちらの質問を削除されるよう運営に連絡されることをお勧めします。 https://teratail.com/help#delete-question https://teratail.com/contact/input

Answer 1

間違っているかもしれませんが

.container {
  text-align: center;
}

.contaner {
  margin-left: auto;
  margin-right: auto;
}

のどっちか、かと思います

Comments

[AkitoshiManabe]

質問への追記・修正依頼のコメント欄で 同質問者による同一の質問との指摘があり、正答は出ています。
https://teratail.com/questions/258580#reply-371955 （width プロパティ必須）