0

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

.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;
    }

введите сюда описание изображения

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

1 ответ 1

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;
}
4
  • Подходит! спасибо большое!
    – WhoIsDT
    27 дек 2017 в 21:51
  • Не подскажите еще вариант, как отцентровать partners-big-logo по низу родительского контейнера? так как если применить align-items:bottom то это не срабатывает
    – WhoIsDT
    28 дек 2017 в 21:27
  • jsfiddle.net/wgje5r1j 28 дек 2017 в 22:34
  • Советую рассмотреть вопрос изучения флексбокса... на css-tricks есть хорошая статья. Удачи! 28 дек 2017 в 22:35

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.