Html 将列表项居中与Flexbox列对齐

我正试图将导航菜单与图片右侧对齐，我已设法将文本放置在我想要的位置，但我不知道如何像使用

justify content:center。他们排成一行，在左边比赛


.landing{
背景图片：url(http://adwallpapers.xyz/uploads/posts/72363-blonde-girl-blur-photo-4k-ultra-hd-wallpaper__celebrity.jpg);
左边距：40px；
右边距：40px；
高度：计算（100vh-0px）；
背景尺寸：封面；
背景位置：中心；
}
保险商实验室{
显示器：flex；
弯曲方向：立柱；
填充：0；
对齐项目：柔性端；
}
李{
列表样式：无；
颜色：白色；
字体大小：25px；
位置：相对位置；
顶部：400px；
右：50px；
}


一个
两个
三

您也可以将带有背景图像的容器设置为flex元素。您可以使用它来移动它的子元素。见下面的示例


.landing{
背景图片：url(http://adwallpapers.xyz/uploads/posts/72363-blonde-girl-blur-photo-4k-ultra-hd-wallpaper__celebrity.jpg);
左边距：40px；
右边距：40px；
高度：计算（100vh-0px）；
背景尺寸：封面；
背景位置：中心；
显示：flex；/**添加了此**/
对齐项目：居中；/**添加此项**/
调整内容：flex end；/**添加了此项**/
}
保险商实验室{
显示器：flex；
弯曲方向：立柱；
填充：0；
/**对齐项目：柔性端；已删除此**/
}
李{
列表样式：无；
颜色：白色；
字体大小：25px；
位置：相对位置；
/*顶部：400px；已删除此*/
右：50px；
}


一个
两个
三

我认为没有flexbox你会更好。我已经修改了你的CSS并指出了所做的更改


.landing{
背景图片：url(http://adwallpapers.xyz/uploads/posts/72363-blonde-girl-blur-photo-4k-ultra-hd-wallpaper__celebrity.jpg);
左边距：40px；
右边距：40px；
高度：计算（100vh-0px）；
背景尺寸：封面；
背景位置：中心；
/*新的*/
文本对齐：右对齐；
}
保险商实验室{
/*显示器：flex*/
/*弯曲方向：立柱*/
填充：0；
/*对齐项目：柔性端*/
/*新的*/
文本对齐：居中；
显示：内联块；
右边距：10px；
边缘顶部：30px；
}
李{
列表样式：无；
颜色：白色；
字体大小：25px；
/*位置：相对位置*/
/*顶部：400px*/
/*右：50px*/
}


一个
两个
三

您到底想实现什么目标？项目符号应该在图像中间的直线上？在这种情况下，Flexbox可能不是最好的解决方案。试试这个：