Вопросы Теги

Вертикальное центрирование двух элементов внутри блока div

Я пытаюсь вертикально центрировать два элемента

.

Я следовал руководству на phrogz.net , но все равно элементы размещаются над div, под div, top -выравниваются внутри div.

Я бы попробовал что-то еще, но большинство вопросов здесь просто ссылаются на этот учебник.

Этот фрагмент предназначен для баннера, который находится в верхней части веб-страницы.

.banner {
  width: 980px;
  height: 69px;
  background-image: url(../images/nav-bg.jpg);
  background-repeat: no-repeat;
  /* color: #ffffff; */
}

.bannerleft {
  float: left;
  width: 420px;
  text-align: right;
  height: 652px;
  line-height: 52px;
  font-size: 28px;
  padding-right: 5px;
}

.bannerright {
  float: right;
  width: 555px;
  text-align: left;
  position: relative;
}

.bannerrightinner {
  position: absolute;
  top: 50%;
  height: 52px;
  margin-top: -26px;
}

12
задан Michael_B 22 April 2017 в 17:23
поделиться