水平放置CSS GRID元素有效，垂直放置不起作用

Question

我想制作一个导航栏，但是我无法将文本（例如“ 1”）放置在标头容器的垂直中间，而不能使用父元素“ .header ul”或子元素“ .header” ul li”

Country   year  gdp

U.S       2001   1

U.K       2001   6

U.S       2002   2

U.K       2002   7

css：

<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>
               </ul>
      </div>
    </div>