div内的图像未居中

Question

我似乎无法在 div 中将图像居中。 未居中的图像是“quotimg”，它位于 div 内部的 div quotejd 内部。

目前正在学习一些css和html（不应该使用html5元素）

HTML

<div class="head">

   <div class="quotejd">

      <img id="quoteimg" src="pictures/quotes/jd.png">

      <p id="quote">“The only creatures that are evolved enough to convey pure love<br> are dogs and infants.”</p>

</div>

</div>

CSS

.Head {
background-image: url('pictures/dogwallpaper1.png');
background-repeat: no-repeat;
background-size: cover;
height: 550;
text-align: center;
margin: 0 auto;
}

.quotejd {
margin: 0 auto;
text-align: center;

}

 #quoteimg {
width: 5em;
margin: 0 auto;
text-align: center;
display: block;
float: none;
}

#quote {
font-size: 1.8em;
line-height: 1em;
margin: 0 auto;
text-shadow: 0px 0px 5px rgba(57,57,57,1);
font-family: 'Nixie One', cursive;
text-align: center;
color: #ffffff;
}

Answer 1

当我也在学习 CSS 时，这让我很困惑。尝试将图像周围的 div（使用 .quotejd 类）设置为设定的宽度（即宽度：960px）。 margin 的 auto 值不知道如何居中。