Почему не работает margin-bottom с display flex?

Question

[danyarob]

<a class="block btn-order tw fz30" href="#" name="btn-order-js" style= "height: 50px;margin:0 auto;margin-top:30px;margin-bottom:20px;display:flex">
  <p>ОФОРМИТЬ ЗАКАЗ</p>
</a>

Comments

[Владислав Лысков]

Не вижу тут ни флексов, ни марджин
Тыкните?

[danyarob]

Владислав Лысков,

style= "height: 50px;margin:0 auto;margin-top:30px;margin-bottom:20px;display:flex"

[Владислав Лысков]

danyarob, https://jsfiddle.net/hdur9paw/1/

всё отлично работает

[danyarob]

Владислав Лысков, Забыл уточнить, что блок расположен внизу страницы, он должен оттолкнуться от нижнего края

[Владислав Лысков]

danyarob, какой блок? У тебя только ссыка, сформулируй вопрос нормально в теле вопроса

[danyarob]

Владислав Лысков, Мне нужно сделать отступ от нижней части страницы, m-b вместе с flex не делает отступ,если же убрать flex, то все работает

[Вадим]

danyarob, Воспроизведите проблему в песочнице и прикрепите к вопросу, например на jsfiddle или codepen.
Пока что подозрение на проблему, которая называется выпадение\схлопывание марджинов.

Answer 1

[Евгений Пипа]

Может потому что <а> - строчный?