Как можно перестроить блоки?

Question

[Dnebl]

Каким образом можно перестроить блоки как на картинке не изменяя верстки?
при условии что структура блоков такая

<div>
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
</div>

Сейчас блоки выглядят как на рис.1,нужно перестроить как на рис.2

Можно ли такое реализовать без позиционирования?Через flex такое реально сделать?

ВОПРОС РЕШЕН
пример решения
codepen.io/anon/pen/XMKYEZ

Answer 1

[ivan1kazantsev]

Да, через flex реально. Изучай. Там будет использоваться order для изменения порядка блоков.

Comments

[Dnebl]

Разобрался, действительно можно