What is the best way to make the <social>, <search>, & <contact> sections of the header float to the right?

Wether I have 1 or all 3 of thoses section displayed (with content), they are displayed in order immediately to the right of the logo, rather than floating/aligning to the right of the full body width. With only a small of content in those sections, I am trying to achieve something like



but rght now it displays as




Thanks in advance!