为什么我的社交媒体图标/按钮包装？

Question

我试图将所有社交媒体图标排在一行，但由于某种原因，它们正在包装。 （twitter和fbconnect）：

http://bit.ly/IqwM20

对此的任何帮助将不胜感激。我已经尝试了很多东西（向左浮动，增加包含div容器的大小，使用display：inline-block）但似乎没有任何工作。

非常感谢， gvanto

Answer 1

调整文件 pme.css ，如下所示：

第140行

#socmedia-bar {
clear: both;
float: right;
position: relative;
top: 30px;
height: 21px;
background-color: #6F6;
width: 345px;
}

第150行

#socmedia-bar .region-socmed-icons {
float: left;
height: 20px;
margin: 0 0 0 5px;
position: relative;
}

第178行

#socmedia-bar .region.region-facebook-connect {
float: right;
height: 20px;
}

Answer 2

问题似乎是缺乏水平空间，所以twitter按钮包裹起来。

如果您在width #socmedia-bar .region-socmed-icons上指定250px，他们将全部坐在同一条线上。

Answer 3

如果您正在谈论顶部的社交媒体按钮，那么您的宽度是错误的。社交媒体按钮的总宽度为250px，但包装div仅为200px宽。因此包装。增加包装器#socmedia-bar的宽度，就可以了。