Как я могу выровнять один элемент правильно с помощью flexbox? ⇐ CSS

[Гость]

https://jsfiddle.net/vhem8scs/

Можно ли с помощью flexbox выровнять два элемента по левому краю и один по правому? По ссылке это показано более наглядно. Последний пример — это то, чего я хочу достичь.

Во flexbox у меня есть один блок кода. С плавающей точкой у меня есть четыре блока кода. Это одна из причин, почему я предпочитаю флексбокс.

HTML

Один Два Три Один Два Три CSS
.wrap { дисплей: гибкий; фон: #ccc; ширина: 100%; оправдание-содержание: пространство между; } .результат { фон: #ccc; поле сверху: 20 пикселей; } .result:после { содержание: ''; дисплей: стол; ясно: оба; } .result div { плыть налево; } .result div:last-child { плавать: вправо; }