使元素彼此相邻

Question

请查看我的JSFiddle。

正如您所看到的，我有一些HTML元素需要并排放置。第一个例子是我的代码，第二个是我希望它看起来如何，第三个例子是我如何修复它但不是一个选项。

我无法从以下结构中更改我的代码：

<div class="big">1</div>
<div class="big">2</div>
<div class="big">3</div>
<div class="big">4</div>
<div class="small">5</div>
<div class="small">6</div>
<div class="small">7</div>

我需要的是元素正确并排放置，1旁边是5,2旁边是6和3旁边是7。

我不想要使用绝对定位。

如果有人能帮助我解决这个问题，那就太棒了！

请记住，我无法更改我的HTML，如果可能的话，这必须是一个CSS解决方案。

干杯， 路加。

Answer 1

更改.big的CSS：

.big {
    width: 55%;
    float: left;
}

http://jsfiddle.net/9abmoasw/2/