Я не могу показаться центром изображения внутри div. изображение, не центрированное, - это «quotimg», который находится внутри div-кавычки, который находится внутри головы div.Изображение внутри div не центрируется
В настоящее время обучения некоторые 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;
}
Работает нормально - http://jsfiddle.net/bjSZ5/ – lifetimes
@DSG, похоже, не работает http://i.imgur.com/fKH158t.png, любые другие вещи должны влиять на это? – user3054987