Всем доброго дня!
Имеется резиновый header (В ПИСЬМЕ)
Мне нужно к левой его кромке приклеить логотип, то есть align по сути сделать, а к правой его части прикрепить группу значков соц-сетей , то есть это по сути еще и align справа
Как мне эти оба align реализовать одновременно? при этом чтобы обе группы (логотип и соц.значки) были на одной линии.
Сейчас это у меня реализовано через маргин, но, чувствую, это ошибка.
Нужно, чтобы при изменении ширины окна браузера группа которая справа опускалась под логотип, но по-прежнему приклеивалась к правому краю окна, а сейчас этого не выходит сделать.
Это реально сделать без float?
Подскажите, пожалуйста!
https://jsfiddle.net/Capablanca/4vo4zfrt/ 
Простой
