特定的浮动元素

Question

我有标准的浮动网格，如：

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

我需要第4个元素去第3个。就像在图片上一样。

感谢您的建议！

Answer 1

管道胶带解决方案的位，但是可以通过放置第3列和第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>

Answer 2

所以这里有一个依赖于ForeverStuck理念的解决方案。
小jQuery：

//Select element3 and 4 wrap them as li
$('ul > li:nth-child(3), ul > li:nth-child(4)').wrapAll( "<li />");
//Then unwrap inside li elements, so 3 and 4 become 3 element
$('.homepage .box-category > li > li > a').unwrap();