[CSS] flexboxのレイアウト：要素を中央に寄せる

<div class="wrapper">
        <div class="menu">
            <ul>
              <li>menu1</li>
              <li>menu2</li>
              <li>menu3</li>
            </ul>
        </div>
    </div>

.menu{
  color:white;
}

.menu li{
  list-style: none;
}

.menu{
  color:white;
  height:900px;
  display: flex;
  justify-content: center;
  align-items: center;
}


.menu li{
  list-style: none;
}