Html 将两条直线对齐

我正在尝试将一个li项目与前一个li项目对齐在同一行中。例如，第四个li和第五个li位于显示块上。这两种方法的宽度都为75%，第六种宽度为25%。如何将这六个对齐到与第四个相同的位置

发生了什么事 .

我想要什么

#container.default li{float:left；display:inline；}
#默认li:n子级（7n+1）{背景：红色；宽度：50%；高度：100px；}
#容器。默认li:n子级（4n+2），#容器。默认li:n子级（6n+3），
#默认li:n子（7）{背景：蓝色；宽度：25%；高度：100px；}
#容器。默认li:n子容器（8n+4），
#默认li:n子级（6n+5）{宽度：75%；背景：绿色；高度：50px；}

第1项第2项第3项第4项
第5项第6项第7项第8项
第9项第10项第11项第12项

浮动项目不能比同一行上的上一个浮动项目“高”

只需不浮动第6项：

#container .default li:nth-child(6) { float:none; display:inline-block; }

---

浮动项目不能比同一行上的上一浮动项目“高”

只需不浮动第6项：

#container .default li:nth-child(6) { float:none; display:inline-block; }