Html 让元素彼此相邻

请看我的表

如您所见，我有一些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解决方案，如果有可能的话

干杯，

---

Luke.

更改.big-too的CSS：

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

---

你让我看起来像个十足的傻瓜！这么简单的解决方案，很好，谢谢伙计。大坝星期一！不太清楚为什么我在这里投了反对票，我的问题结构很好，我已经给出了代码示例。。。