Как переверстать блоки при помощи CSS?
Оригинал - https://jsfiddle.net/bjopf7o1/
Перестройка - https://jsfiddle.net/53jsxowg/
Вся магия в коде:.wrapper {
  width: 150px;
}.wrapper {
  width: 450px;
  display: flex;
  flex-direction: column;
  height: 70px;
  flex-wrap: wrap;
}
Еще вариант - https://jsfiddle.net/009qhczy/.wrapper {
  width: 450px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.block:nth-child(odd) {
  order: 1;
}
.block:nth-child(even) {
  order: 2;
}
Для особо ярых противников flex - https://jsfiddle.net/rxe51vtf/
Решение с использованием абсолютного позиционирования.
попробуйparent div:nth-child(n/2) {
      clear:both
}
Может n/3