У меня есть родительский и дочерний контейнер, где мне нужно выровнять дочерний контейнер с серединой (как по горизонтали, так и по вертикали).Вертикально центрированный дочерний контейнер
HTML:
<section class="travelPlace">
<div>
</div>
</section>
CSS:
.travelPlace {
width: 50%;
height: 100%;
float: left;
}
.travelPlace > div {
width: 53.4375%;
margin: 0 auto;
background: url('../images/globe.png') center no-repeat;
height: 344px;
background-size: contain;
}
сделал и попытался добавить 'вертикальное выравнивание: средний;' 'к .travelPlace'? – UnskilledFreak
@UnskilledFreak: Да, не работает :( – Rajesh
Я рекомендую использовать 'background-color', чтобы увидеть, как div занимает пространство в вашем документе ;-). –