Как задать правильное положение этим дивам?

Question

[Capablanca]

Всем доброго дня!

Имеется резиновый header (В ПИСЬМЕ)
Мне нужно к левой его кромке приклеить логотип, то есть align по сути сделать, а к правой его части прикрепить группу значков соц-сетей , то есть это по сути еще и align справа

Как мне эти оба align реализовать одновременно? при этом чтобы обе группы (логотип и соц.значки) были на одной линии.
Сейчас это у меня реализовано через маргин, но, чувствую, это ошибка.
Нужно, чтобы при изменении ширины окна браузера группа которая справа опускалась под логотип, но по-прежнему приклеивалась к правому краю окна, а сейчас этого не выходит сделать.
Это реально сделать без float?

Подскажите, пожалуйста!

https://jsfiddle.net/Capablanca/4vo4zfrt/

Answer 1

[Евгений]

Вот набросал по-быстренькому https://jsfiddle.net/oux1uncj/2/
Посмотрите может поможет :)

Comments

[Capablanca]

я вот тут еще такое решение нашел, посмотрите, может вам тоже пригодится

codepen.io/Capablanca/pen/BzVEzx?editors=1100