выравнивание блока в родительском?

Question

Не получается выровнять блок по центру родительского

.footer{
  display: flex;
  position: relative;
  min-height: 350px;
  background-color:black;
  max-height: 450px;
}
.footer_column{

  position: absolute;
  flex-basis: 711px;
  width: 90%;
  height: 250px;
  margin-top: 60px;
  align-items: center;
}
div{
  border: 1px solid red;
}

<footer class="footer">
<div class="footer_column"></div>
    </footer>

Нужно что бы блок footer_column отступал от верхнего края footer на 60рх (получилось ) и что бы отступы слева и справа были одинаковые (не получилось ) . какую команду использовать ?

Answer 1

У вас просто мешанина в коде. Вы и flexbox запихнули, а потом просто убрали footer_column из потока документа путем position: absolute.

.footer{
  display: flex;
  min-height: 350px;
  background-color: black;
  max-height: 450px;
}

.footer_column{
  margin: 60px auto 0;
  width: 90%;
  height: 250px;
}

div{
  border: 1px solid red;
}

<footer class="footer">
  <div class="footer_column"></div>
</footer>

БЛОГ НА HUSL

выравнивание блока в родительском?

Ответы (1 шт):