Qual é a ordem de posicionamento para alinhar o menu dentro de div? HTML/CSS

[b2black 0]

Estou tentando alinhar um menu dentro do header, e dentro do header tem 2 div, qual a ordem de respeito das funções?

 

<header>
<div class="menuwrap">
<div class="menu">
<nav>
  <ul>
    <li><a href="">Produto</a></li>
    <li><a href="">Produto</a></li>
    <li><a href="">Produto</a></li>
    <li><a href="">Produto</a></li>
    <li><a href="">Produto</a></li>
    <li><a href="">Produto</a></li>
    <li><a href="">Produto</a></li>
    <li><a href="">Produto</a></li>
    <li><a href="">Produto</a></li>
    <li><a href="">Produto</a></li>
  </ul>
</nav>
</div>
</div>
</header>

 

body {margin:  0; padding: 0;}

header {
	display: flex; 
	flex-wrap: wrap; 
	justify-content: space-between; 
	height: 5vh; 
	background: red;

}

.menuwrap {}
.menu {}
.menu ul {}
.menu li{display: inline-block;}