如何在facebook垂直分享按钮旁边插入横幅

Question

为了在我的页面上使用所有可用空间，我需要你的帮助来重新定位在FB共享按钮下面的添加横幅我希望它在它旁边（共享，右边的薄横幅）。我猜它应该可以通过CSS解决，我不擅长。谢谢。

我想得到这个： [分享]＆gt; [banner]

而不是：

[分享]

[横幅]

http://pretesti.ge/testtesttest/我的页面链接

Answer 1

从我所看到的，横幅位于顶部，共享位于底部。要使它们在同一行中，您可以使用CSS。我访问了您的网站并查看了代码。在我们开始重新排列之前，横幅和共享按钮之间的代码中有<p></p>。这需要删除。然后你的html代码看起来应该类似于：

<div class="share-banner">
<div>Facebook stuff goes here</div>
<img alt="banner" src="http://pretesti.ge/wp-content/uploads/2013/12/baner560x60.png">
</div>

现在，您需要添加一些CSS：

.share-banner {
display: table; 
}

.share-banner img {
display: table;
float: left:
}

.fb_iframe_widget {
display: table;
float: left;
}