Css 将li对准ul右侧，居中，左侧，然后再次居中

我有一个列表，我希望第一个li向右对齐，第二个和第四个li居中，第三个li向左对齐

但当我使用右浮动时，第二个li与第一个li在同一条线上上升

如何防止第二个元素上升

您可以使用设置对齐方式

要选择每个列表项，可以使用选择器

li{/*或'li:n个孩子（2），li:n个孩子（4）`*/
文本对齐：居中；
}
李：第n个孩子（1）{/*或“李：第一个孩子”*/
文本对齐：右对齐；
}
李：第n个孩子（3）{
文本对齐：左对齐；
}

首先
第二
第三
第四

在本例中，在父级上使用以使所有li元素居中，然后根据需要浮动

*{框大小：边框框}
菜单{
宽度：100%；
文本对齐：居中；
填充：0
}
菜单里{
显示：内联块；
最大宽度：20%；
背景：#ccc；
填充：10px 24px；
利润率：10px4px；
光标：指针；
边界半径：4px；
颜色：#808080；
}
菜单li：第一个子项{float:right}
菜单li:n子项（3）{float:left}

家
工作
接触
信息

请分享您的小提琴代码