Html 以h2标题将ul列表居中

我正试图将一个ul列表放在中心，上面有一个h2标题，但我做不到

我希望“.navig”的所有元素都位于每个h2标题下

这似乎是一个问题的要点，因为我想删除它们

任何帮助都将不胜感激

正文{
保证金：0；
填充：0；
字体系列：“BenchNine”，无衬线；
字体大小：120%；
}
标题{
-网络工具包盒阴影：0px 5px 9px 0px rgba（143143143,1）；
-moz盒阴影：0px 5px 9px 0px rgba（143143143,1）；
盒影：0px 5px 9px 0px rgba（143143143,1）；
}
纳维先生{
文本对齐：左对齐；
列表样式：无；
左侧填充：180px；
}
#菜单{
文本对齐：居中；
}
#菜单分区{
显示：表格单元格；
宽度：10%；
}
h1、h2、h3、h4、h5{
字体系列：“Amatic SC”，草书；
}
h1{
文本对齐：居中；
}

阿奎尔
耳垂隐窝





吸盘




生活方式

您需要删除ul中的填充，并为li提供文本对齐属性，如下所示

.navig {
    text-align: left;
    list-style: none;
    padding-left: 0px;
}

.navig li {
   text-align: center;
}

这是给你的礼物

编辑：

对于“与相等”，当前样式规则中需要进行以下更改：

#menu{
   text-align: center;
   display: flex;

}

#menu div{
    display: table-cell; 
    width: 35%;
}

---

更新后的

还有一件小事：如何让3个h2标题的宽度都相同？也就是说，页面宽度的33%左右？通过这样做，我将在h1标题“Accueil”下有标题“Recettes sucrées”，这正是我想要的。