Всем привет) кто подскажет как правильно расположить ссылки по центру

дива?
вот мой код:
<nav>
<ul>
<li> <a href="/info">New Arrivals</a></li>
<li><a>Best-Selling</a></li>
<li><a>Guitars</a></li>
<li><a>Drums</a></li>
<li><a>Orchestric</a></li>
<li><a>Contacts</a></li>
</ul>
</nav>

CSS:
..lower_div {
display: flex;
flex-direction: row;
background-color: orange;
height: 60px;
}

.lower_div nav {
max-width: 1000px;
width: 750px;
/* left: 10%; */
height: 60px;
margin: 0 auto;
}
.lower_div nav ul {
display: flex;
flex-direction: row;
list-style-type: none;
/* margin: 0 auto; */
/* padding-left: -40px; */
height: inherit;
/* width: 100%; */
}

.lower_div nav li {
margin: 0 5%;
/* box-sizing: content-box; */
white-space: nowrap;
/* text-align: center; */
display: block;
jus