html - 画像を中央に配置するにはどうすればよいですか?

Question

この画像は中央に配置されるべきではありませんか？そうでない場合、どうすれば中央に配置できますか?

<div class="logo-area">
<div class="logo-bg">
    <a href="index.html"><img src="images/logo.jpg" align="middle" /></a>
</div>

Answer 1

On the .logo-area container class make sure it has a width, then apply a margin: 0 auto; to the .logo-bg class.

.logo-area{
  width: 250px;  
 }
.logo-bg{
  width: 0 auto;  
 }

Answer 2

このように CSS スタイリングの代わりに center タグを使用できます。

<div class="logo-area">
  <center><a href="index.html"><img src="images/logo.jpg" align="middle" /></a></center>
</div>