Как сделать обертку div без display: inline-block;?

HTML:

<div class = "LabelColumn">label column</div>
<div class = "DataColumn">data column</div>

CSS:

div.LabelColumn
{
    padding: 10px;
    width: 150px;
    float: left;
    margin:10px;
    border:1px solid #333;
}

div.DataColumn
{
    padding: 10px;
    width: 150px;
    float: left;
    margin:10px;
    border:1px solid #333;
}

здесь можете посмотреть один пример, думаю он вам поможет.

Возможно, вам просто нужно добавить flex-wrap: wrap; в контейнер, чтобы внутренние элементы div начали заворачиваться.

.container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

Вот рабочая демонстрация.