Html 在内联元素下显示内联元素

我有一系列内联列表。我想把一些放在其他的下面。我不能更改标记。这方面的一个例子如下：

。列出ul{
显示：内联网格；
}
#首先{
/*我试过：
浮动：左；
网格行：1；
将列表uls更改为flex并执行以下操作：
订单：1
*/ 
颜色：红色；
}

项目
项目
项目
项目
项目
项目


项目
项目
项目
项目
项目
项目


项目
项目
项目
项目
项目
项目


项目
项目
项目
项目
项目
项目


项目
项目
项目
项目
项目
项目


项目
项目
项目
项目
项目
项目

您可以使用flex，添加最大宽度以进行包装，然后调整顺序：

.list{
显示器：flex；
边框：1px实心；
最大宽度：400px；
柔性包装：包装；
}
#首先{
颜色：红色；
顺序：2；
}

项目
项目
项目
项目
项目
项目


项目
项目
项目
项目
项目
项目


项目
项目
项目
项目
项目
项目


项目
项目
项目
项目
项目
项目


项目
项目
项目
项目
项目
项目


项目
项目
项目
项目
项目
项目

如果你坚持使用网格，试试这个：

.list{
显示：网格；
网格模板列：重复（5，1fr）；
网格模板行：重复（2，1fr）；
}
#首先{
颜色：红色；
网格柱：1/6；
网格行：2/3；
}

项目
项目
项目
项目
项目
项目


项目
项目
项目
项目
项目
项目


项目
项目
项目
项目
项目
项目


项目
项目
项目
项目
项目
项目


项目
项目
项目
项目
项目
项目


项目
项目
项目
项目
项目
项目

网格解决方案很好，非常优雅

下面是一个使用一些简单的

位置

属性的解决方案-基本上绝对地将第一个

下面的
#定位到列表的
左侧和
底部


.list{
位置：相对位置；
}
.美国保险商协会{
显示：内联块；
保证金：0；
}
李先生{
垫底：2件；
}
#首先{
位置：绝对位置；
左：0；
最高：100%；
颜色：红色；
}


项目
项目
项目
项目
项目
项目


项目
项目
项目
项目
项目
项目


项目
项目
项目
项目
项目
项目


项目
项目
项目
项目
项目
项目


项目
项目
项目
项目
项目
项目


项目
项目
项目
项目
项目
项目

我会调查的。您可以更改。您应该创建一个代码段，以便我们可以看到它正在工作！