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

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;}