Как разместить в разные стороны элементы с помощью flex?

Question

[weranda]

Приветствую.
Есть HTML-код:

<div class="items">
	<div class="item">1</div>
	<div class="item">2</div>
	<div class="item">3</div>
	<div class="item">4</div>
</div>

Не пойму пока как сделать так, чтобы первый элемент был в левой части контейнера, а остальные справа так, чтобы между первым элементом и вторым было пространство.

UP
Экспериментами дошел к двум вариантам:
1. Задать первому элементу flex-basis:100%.
2. Задать первому элементу flex-grow: 1.
3. Можно впихнуть еще один пустой блок между первым и другими и задать ему flex-grow: 1.
4. Задать второму элементу margin-left: auto.
Верно ли так будет и в чем разница технически? И/Или как будет правильно?