Html 如何将我的网站导航菜单文本居中

我正在使用weebly，是一个完全不懂编码的人。但我非常想将我的导航菜单栏文本居中，并将其下拉选项带到其中？

CSS:

#container {
   margin: 0 auto;
   width: 1000px;
   text-align: center;
}

#menu {
   float: left;
   width: 100%;
}

HTML:

---

菜单生成。

欢迎使用StackOverflow。请告诉我们你到目前为止有什么。因此，这不是一个代码编写服务，如果您提供自己工作的证据，您将得到更好的响应。请看。为什么是浮动，为什么是菜单中的宽度声明。这是我避免其他浏览器出现问题的最好方法，而且创建响应性网站很简单。有很多类似的解决方案。不管这是不是你最好的解决方案。我只是问你们为什么菜单是必需的？我不理解你对HTML嵌入和CSS的使用。为什么要在容器上应用文本居中对齐，为什么不在菜单上应用？为什么需要浮动菜单？宽度100%不是必需的，因为它是div的默认值。

<div id="container">
    <div id="menu">
        <!-- here insert menu code -->
    </div>
</div>