嵌套网格中导航栏的问题

Question

标题中的列表项不会像topnavbar那样位于列轴上，我可以留在网格中吗？

html：

<div class="grid">
<div class="header">
<ul>
<li><a href="/1.html">1</a></li>
<li><a href="/2.html">2</a></li>
<li><a href="/3.html">3</a></li>
<li><a href="/4.html">4</a></li>
<li><a href="/5.html">5</a></li>
</ul>
</div>

css：

grid {
display:grid;
}
header {
display:grid;
grid-auto-flow: column;
justify-content: space-between;
align-content: center;
}