Css 如何横向嵌入徽标和社交媒体

我把我的标志和社交媒体放在导航菜单的顶部，我的问题是当我到达480x320px时，社交媒体会下降到标志下面。徽标和社交媒体必须位于同一个桌面上

here's my jsfiddle http://jsfiddle.net/craybac/x5rberhu/

图为：

===================================================================================== 我遵循Pawel的格式，但存在一些问题。请看

在1024x768、768x1024、480x320，社交媒体占据了页面的顶部

然后在320x480，下面是发生的情况

我已经调整了徽标和社交媒体的宽度，当它达到800x600到480x320时，我解决了这个问题。

更改订单，然后移动

<div class="SOCIAL-MEDIA">...</div>

以前

        <a href="index.html" class="egt-logo-link">     
            <img class="image-responsive" src="images/egtdesign-logo.png">
        </a> 

如果仍在日志下，请调整页边距

---

所有图像都在JSFIDDLEPOWEL中被破坏，感谢您的帮助。它稍微改变了一点，但仍然存在问题。社交媒体在页面顶部，当我到达320x480时，它扭转了问题。看到新上传的图片。我想这是因为：切换导航尝试更改此元素在页面上的位置，是在…之前吗？@powel，切换导航是在社交媒体之后。提供更多html。您可以尝试包装：。。。和在分区。