Css 如何居中对齐<；ul>&书信电报；李>；哪个是菜单？

我试着用div来包装它，我试过一堆不同的代码，但我做不到。 我将感谢任何帮助

我不知道我在哪里犯了错误

.menu2{
列表样式：无；
证明内容：中心；
对齐项目：居中；
}
李美娜先生{
浮动：左；
宽度：80px；
填充：1px；
}
.menu2>李娜{
显示：块；
字号：0.8em；
填充：3倍；
文字装饰：无；
文本对齐：居中；
颜色：#333333；
边框：1px实心#d6；
过渡：一切轻松。5s；
}
.menu2:悬停>李a{
不透明度：.5；
过渡：一切轻松。5s；
}
.menu2>li:将鼠标悬停在a上{
不透明度：1；
颜色：#D2383C；
边框颜色：#D2383C；
}

浮动：左

将左对齐列表项。您可以通过使用

display:inline block

实现与浮动类似的效果。然后将

text align:center

放在

.menu2

上，而不是

align items

.menu2{
列表样式：无；
文本对齐：居中；
保证金：0；
填充：0；
}
李美娜先生{
显示：内联块；
宽度：80px；
填充：1px；
}
.menu2>李娜{
显示：块；
字号：0.8em；
填充：3倍；
文字装饰：无；
文本对齐：居中；
颜色：#333333；
边框：1px实心#d6；
过渡：一切轻松。5s；
}
.menu2:悬停>李a{
不透明度：.5；
过渡：一切轻松。5s；
}
.menu2>li:将鼠标悬停在a上{
不透明度：1；
颜色：#D2383C；
边框颜色：#D2383C；
}

浮动：左

将左对齐列表项。您可以通过使用

display:inline block

实现与浮动类似的效果。然后将

text align:center

放在

.menu2

上，而不是

align items

.menu2{
列表样式：无；
文本对齐：居中；
保证金：0；
填充：0；
}
李美娜先生{
显示：内联块；
宽度：80px；
填充：1px；
}
.menu2>李娜{
显示：块；
字号：0.8em；
填充：3倍；
文字装饰：无；
文本对齐：居中；
颜色：#333333；
边框：1px实心#d6；
过渡：一切轻松。5s；
}
.menu2:悬停>李a{
不透明度：.5；
过渡：一切轻松。5s；
}
.menu2>li:将鼠标悬停在a上{
不透明度：1；
颜色：#D2383C；
边框颜色：#D2383C；
}

您只需使用

页边距：自动和
显示：表格设置
标签的样式。请注意，
display:table
在旧的IE浏览器中可能无法正常工作（请参阅）


.menu2{
列表样式：无；
保证金：自动；
显示：表格；
左填充：0；/*重置
*/
}
李美娜先生{
浮动：左；
宽度：80px；
填充：1px；
}
.menu2>李娜{
显示：块；
字号：0.8em；
填充：3倍；
文字装饰：无；
文本对齐：居中；
颜色：#333333；
边框：1px实心#d6；
过渡：一切轻松。5s；
}
.menu2:悬停>李a{
不透明度：.5；
过渡：一切轻松。5s；
}
.menu2>li:将鼠标悬停在a上{
不透明度：1；
颜色：#D2383C；
边框颜色：#D2383C；
}




您只需使用
页边距：自动和
显示：表格设置
标签的样式。请注意，
display:table
在旧的IE浏览器中可能无法正常工作（请参阅）


.menu2{
列表样式：无；
保证金：自动；
显示：表格；
左填充：0；/*重置
*/
}
李美娜先生{
浮动：左；
宽度：80px；
填充：1px；
}
.menu2>李娜{
显示：块；
字号：0.8em；
填充：3倍；
文字装饰：无；
文本对齐：居中；
颜色：#333333；
边框：1px实心#d6；
过渡：一切轻松。5s；
}
.menu2:悬停>李a{
不透明度：.5；
过渡：一切轻松。5s；
}
.menu2>li:将鼠标悬停在a上{
不透明度：1；
颜色：#D2383C；
边框颜色：#D2383C；
}




首先，这些不是“命令”。然后，很少使用
justify content
和
align items
首先，这些不是“命令”。然后，很少使用
对齐内容
和
对齐项目
非常接近对齐中心，但仍然需要重置
的填充以完全对齐。好的一点，我将添加它。非常接近对齐中心，但仍然需要重置
的填充以完全对齐。好的一点，我要补充一点。我认为这个答案比我的好，除非你担心IE<8。我认为这个答案比我的好，除非你担心IE<8。