Html 在边框框内居中放置内容

我试着玩所有的代码，但我没有找到解决办法。有人能帮我把所有内容放在边框框的中心吗？。我试着到处找，但找不到解决办法。提前谢谢

梅努巴先生{ 宽度：50vw； 身高：5雷姆； 背景色：283747； 保证金：自动； 边框左下半径：10rem； 边框右下半径：10rem； 位置：相对位置； } .主菜单{ 列表样式类型：无； 文本对齐：居中； 位置：相对位置； } 导航栏{ 列表样式类型：无； 显示：内联块； 填充：.8rem 6rem 1rem 3rem； 文本转换：大写； 背景：fff； 宽度：1.5雷姆； 高度：1.5雷姆； 边界半径：1em； } 李纳瓦{ 颜色：000； 文字装饰：无； }

---

如果您想在.menubar容器中居中导航，请为其提供以下样式：display:flex；证明内容：中心；对齐项目：居中；。然后，通过为其指定填充：0，删除.main菜单上的默认浏览器左侧填充

梅努巴先生{ 宽度：50vw； 身高：5雷姆； 背景色：283747； 保证金：自动； 边框左下半径：10rem； 边框右下半径：10rem； 位置：相对位置； 显示器：flex； 证明内容：中心； 对齐项目：居中； } .主菜单{ 列表样式类型：无； 文本对齐：居中； 位置：相对位置； 填充：0； } 导航栏{ 列表样式类型：无； 显示：内联块； 文本转换：大写； 背景：fff； 边界半径：1em； } 李纳瓦{ 颜色：000； 文字装饰：无； 显示：内联块； 填充：1rem 3rem 1rem 3rem； } 你想要这个吗

梅努巴先生{ 高度：自动； 背景色：283747； 保证金：自动； 位置：相对位置； } .主菜单{ 列表样式类型：无； 文本对齐：居中； 位置：相对位置； 垂直对齐：中间对齐； } 李{ 列表样式类型：无； 显示：内联块； 填充：1rem 4rem 1rem 3rem； 背景：fff； 宽度：1.5雷姆； 高度：1.5雷姆； 边界半径：1em； 保证金：30像素自动； } 李纳瓦{ 颜色：000； 文字装饰：无； 文本转换：大写； }

---

那么，您是想将li中的文本垂直和水平居中？还是说将.menubar容器中的白色按钮居中？你说的边框框是什么意思？框内的文本，你可以在这里勾选@他们两个…啊，明白了。我将更新我的答案以包括这一点。