堆栈div彼此相邻

Question

我希望将网站上的框完全对齐。我设置了margin-bottom: 1%和margin-right: 1%，然后所有内容都应使用vertical-align: top与顶部对齐。

这是我到目前为止所做的：

https://jsfiddle.net/9a2sfk1y/2/

margin-right: 1%;
margin-bottom: 1%;
display: inline-block;
vertical-align: top;

这将是这样的：

但是，我希望盒子像这样堆叠：

我将如何继续这样做？我最初的想法是把它们放在一张桌子里，但我确信你只用CSS做到这一点。还是我错了？感谢