html - 使 facebook 分享/喜欢插件和 twitter 分享插件并排对齐

Question

我有以下 fiddle我正在尝试让 facebook 和 twitter 并排完美对齐，但我做不到，因为我认为 facebook 在加载脚本后会进行一些重新布局。任何人都可以帮助我如何使它看起来漂亮并完美地将它们并排对齐。这是一些代码:

<div class="row shop-share-items">
    <iframe src="//www.facebook.com/plugins/like.php?href=http://www.google.com&amp;width&amp;layout=button_count&amp;action=like&amp;show_faces=false&amp;share=true&amp;height=35&amp;appId=467928753241936" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:35px;" allowTransparency="true"></iframe>

                    <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.google.com" data-via="google" data-lang="id" data-hashtags="google">Tweet</a>
                    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

                </div>

Answer 1

并排？你可以用花车来做到这一点:)

http://jsfiddle.net/sAjg5/1/

.shop-share-items iframe { float: left; }