JSFiddle - React, Tailwind, and code Playground

HTML

<div class="share"><h3>Share</h3>
<ul>
<li>
<div class="twitter">
<p><a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="jakeocallaghan">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></p>
</div>
</li>
<li>
<div class="facebook">
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fjakeocallaghan.com&amp;send=false&amp;layout=box_count&amp;width=450&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=90" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:90px;" allowTransparency="true"></iframe></p>
</div>
</li>
<li><!-- Place this tag where you want the +1 button to render -->
<glusone size="tall" href="http://jakeocallaghan.com"></glusone></p>
</li>
</ul>
</div>

CSS

div.share ul {
   overflow: hidden;
}

div.share ul li {
   float: left;
   margin: 10px 10px 0 0;
}