Html 右对齐多行上的元素

我想将

li

元素与div的右侧对齐。我可以通过向右浮动

ul

来实现这一点

但是，我有很多

li

元素，因此根据div的宽度，其中一些元素会移动到下一行。问题是

li

元素正在向左对齐

将float向右放置到

li

可以解决此问题，但会颠倒菜单项的顺序

请看下面

.row{
显示器：flex；
}
.col-1{
弹性：1；
边框：1px纯红；
}
.col-2{
弹性：1；
边框：1px纯蓝色；
}
菜单{
保证金：0；
填充：0；
浮动：对；
}
ul#菜单li{
显示：内联；
/*这将右对齐菜单，但会颠倒顺序*/
/*浮动：对*/
}

Lorem ipsum dolor sit amet

菜单01
菜单02
菜单03
菜单04
菜单05
菜单06
菜单07
菜单08

简单的

文本对齐：右对齐如何


.row{
显示器：flex；
}
.col-1{
弹性：1；
边框：1px纯红；
}
.col-2{
弹性：1；
边框：1px纯蓝色；
}
菜单{
文本对齐：右对齐；
保证金：0；
填充：0；
}
ul#菜单li{
显示：内联；
}

Lorem ipsum dolor sit amet

菜单01
菜单02
菜单03
菜单04
菜单05
菜单06
菜单07
菜单08