Как выровнять здесь пункты по центру?

Question

[Тест Тестов]

Пацаны хелп ми! Как сделать это меню человеческим?

<div class="menu">
            <div class="container">
                <img src="img/header/menu/logo.png" class="menu_logo">
                <div class="menu_items-wrap">
                    <p class="animate fadeInDownBig active_menu_item" data-wow-duration="1s">ГЛАВНАЯ</p>
                    <p class="animate fadeInDownBig menu_item" data-wow-duration="1s">УСЛУГИ</p>
                    <p class="animate fadeInDownBig menu_item" data-wow-duration="1s">КОНТАКТЫ</p>
                    <p class="animate fadeInDownBig menu_item" data-wow-duration="1s">О НАС</p>
                </div>
            </div>
        </div>

.container {
  max-width: 1600px;
  min-height: 100%;
  margin: auto;
}

.menu {
  border: 10px solid orange;
  min-height: 200px;
}

.menu_logo {
  display: inline;
  margin: 30px;
  width: 166.3px;
  height: 139.5px;
}

.menu_items-wrap {
  margin: auto;
  width: 880px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.active_menu_item {
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  color: #ffb000;
}

.menu_item {
  text-align: center;
  font-size: 40px;
  min-height: 48px;
  font-weight: bold;
  color: #2a3453;
}

Comments

[Даниил Маслов]

они итак по центру, или что именно хотите сделать? по вертикали по центру? опишите подробнее

Answer 1

[Рома Зварич]

Если речь идёт во выравнивание по вертикали, то к классу "container" следует добавить два свойства

display: flex;
align-items: center;

Результат
https://codepen.io/hisbvdis/pen/eqGrOX

Comments

[Тест Тестов]

Спасибо!)