How to get those buttons on one line?

[pi0tr3k]

Those stupid social media buttons...

I have this code now on my blog:

  {block:HasTags}                                             
<span class="tags">                                  
 <p>                                   
{block:Tags}                                       
 <a href="{TagURL}">{Tag}</a>                                   
 {/block:Tags}                                 
   </p>                           
<div class="fb-share-button" data-href="http://blog.com" data-layout="button_count"></div>                           
 <a href="https://twitter.com/share" class="twitter-share-button" data-url="http://blog.co" data-hashtags="instagrams">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 class="g-plusone" data-size="tall" data-annotation="inline" data-width="120" data-href="http://blog.co"></div>                                
</span>                                
{/block:HasTags}

And this is how it looks now :

Anyone can help me to get those buttons on one line? Like this:

Thanks in advance guys :D

 

[Nenad__]

You can use span instead of div for social buttons to display them inline.

{block:HasTags}
    <span class="tags">
        <p>{block:Tags}
            <a href="{TagURL}">{Tag}</a>
        {/block:Tags}</p>

        <span class="fb-share-button" data-href="http://blog.com" data-layout="button_count"></span>

        <a href="https://twitter.com/share"class="twitter-share-button" data-url="http://blog.co" data-hashtags="instagrams">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>

        <span class="g-plusone" data-size="tall" data-annotation="inline" data-width="120" data-href="http://blog.co"></span>
    </span>
{/block:HasTags}

 

[pi0tr3k]

Thanks for helping guys. OMC helped me with this and it looks as it should be

 

[reedjones]

But them in a div that is display:inline-block then set each one to float:left