Как отцентровать блок по нижнему краю родительского блока

256

28 декабря 2017, 23:09

У меня есть один общий родительский блок:

.partners-bl-and-info-ct{
}

В нем есть 2 блока: Логотип и правый блок с контактной информацией.

Мне надо блок с логотипом центровать вертикально по центру родительского контейнера, т.е partners-bl-and-info-ct

Вот css:

.partners-bl-and-info-ct{
    }
    .partners-big-logo{
      width: 240px;
      height: 192px;
      float:left;
      margin-right: 60px;
    }
    .partners-info-block{
      float:left;
      width: 400px;
    }

На картинке будет более понятно, что логотип "Тамара" должен быть по центру высоты блока с текстовой информацией

Answer 1

Может флексбоксом?

.partners-bl-and-info-ct{
  display: flex;
  // align-items: center;
  justify-items: center;
}
.partners-big-logo{
  width: 240px;
  height: 192px;
  margin-right: 60px;
}
.partners-info-block{
  width: 400px;
}