css - 特定的 float 元素

Question

我有标准 float 网格，类似于:

ul li{
   width:300px;
   float:left;
}

我需要将第 4 个元素置于第 3 个元素之下。就像图片上一样。

感谢您的建议!

Answer 1

有点像胶带解决方案，但可以通过将第 3 列和第 4 列放在同一个容器中来解决吗？

例如:

<ul>
  <li>
      (Column 1)
  </li>
  <li>
      (Column 2)
  </li>
  <li>
      <div style="float:left;">
          (Column 3), (Column 4)
      </div>
  </li>
  <li>
      (Column 5)
  </li>
</ul>