Html 使用包装器使导航ul居中

我正在用一个

• 来制作菜单。我想把它水平放在整个UL的中心，但它看起来不起作用，UL没有在包装上用自动边距居中

  <div id="wrap">
  <nav>
  <ul>
      <li class="menuitem">Menu</li>
      <li class="menuitem">Menu</li>
      <li class="menuitem">Menu</li>
      <li class="menuitem">Menu</li>
      <li class="menuitem">Menu</li>
  </ul>
  

  ---

  这是您应该为

  菜单导航设置固定宽度的，例如
  宽度：200px否则
  margin:auto
  不起作用
  
  还有
  文本对齐：居中.menuitem
  类中的code>属性。
  这将使文本居中。
  如果不希望文本在菜单中居中，请删除该选项
  
  
  要了解css中更高级的居中方法的更多信息，请阅读以下内容
  display:inline block菜单上的code>\u导航ul li
  。你最新的小提琴：谢谢！文本对齐是将li内的文本居中，因为li上也有一个img，都居中：-）
      .menuitem {
  background-color: #E3E3E3;
  float: left;
  width: 100px;
  height: 90px;
  list-style-type: none;
  text-align: center;
  color: black;
  display: inline;
  }
  
  #wrap {
      margin: 0 auto;
  }