Css 将3个列表中的2个列表向右移动/浮动,但保持标记顺序

Css 将3个列表中的2个列表向右移动/浮动,但保持标记顺序,css,html,css-float,html-lists,Css,Html,Css Float,Html Lists,我有三个列表是内联块。 最后两个我想将它们移到屏幕右侧,但保持它们的标记顺序 我用clearfix和不用clearfix浮动它们 问题是我无法保持它们的标记顺序,因为第三个列表出现在第二个列表之前。 我做错了什么/ ul{ 显示:内联块; } 第n个孩子(2), 第n名儿童(3){ 颜色:红色; 浮球:对 } 一, 二, 三, 四, 五, 六, 使用float:right将更改流以从右侧开始,因此得到的结果是合乎逻辑的(DOM中的第一个元素将是右侧的第一个元素) 与此相反,您可以将左

我有三个列表是内联块。 最后两个我想将它们移到屏幕右侧,但保持它们的标记顺序 我用clearfix和不用clearfix浮动它们

问题是我无法保持它们的标记顺序,因为第三个列表出现在第二个列表之前。

我做错了什么/

ul{
显示:内联块;
}
第n个孩子(2),
第n名儿童(3){
颜色:红色;
浮球:对
}
  • 一,
  • 二,
  • 三,
  • 四,
  • 五,
  • 六,

使用
float:right
将更改流以从右侧开始,因此得到的结果是合乎逻辑的(DOM中的第一个元素将是右侧的第一个元素)

与此相反,您可以将左浮动与第一个选项一起使用,并调整
文本对齐
以移动其他选项:

正文{
文本对齐:右对齐;
}
保险商实验室{
显示:内联块;
}
第n个孩子(2),
第n名儿童(3){
颜色:红色;
}
第n名儿童(1){
浮动:左;
}
  • 一,
  • 二,
  • 三,
  • 四,
  • 五,
  • 六,