中央ぞろえになりません。
コードは正しくあったと思ったのですが反応しないです
以下がコードになります。
<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; コード
(質問文は編集できます)質問文のコードはそれぞれコードブロックで囲んでいただけませんか? ```(バッククオート3つ)で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。
また、実際のコードをコピーするようにしてください。
修正できました。
申し訳ないです。
CSSは本当にそれだけでしょうか。また、コードブロックは複数設置可能です。
Cssぬけがあったので追加致しました。
https://teratail.com/questions/258580 この質問と内容が同じです。teratailは質問内容の編集ができるので、変更がある場合は新しい質問をするのではなく編集してください。また、こちらの質問を削除されるよう運営に連絡されることをお勧めします。 https://teratail.com/help#delete-question https://teratail.com/contact/input