将div包裹在其他div之间，避开其间的空间

Question

我有类.block的div，它有以下css：

.block {
    vertical-align: top;
    margin-top: 0;
    display: inline-flex;
    padding: 10px;
    min-width: 220px;
    max-width: 300px;
    min-height: 200px;
    max-height: 400px;
    font-size: 17pt;
    color: #fff;
    text-align: center;
    margin-bottom: 20px;
    margin-right: 20px;
    align-items: center;
    justify-content: center;
    box-shadow: 3px 3px 5px #888888;
    border-radius: 10px;
    word-break:break-all;
}

这就是页面目前的样子：

但是我希望它包装并与其他div一起转到顶部：

如何实现这样的目标？