make social links in a row not below each other

[davie]

Hi all and thanks in advance.

 

i am wondering if someone is able to help me.

 

i have conected 3 social links to my site,(facebook like button, twitter follow us and a google+ button)

 

however with the coding i have i have been unable to have them all side by side like i want, instead they are all starting as such on a new line.

 

i will attach the codes each use,

 

facebook:

 

<iframe src="http://www.facebook.com/plugins/like.php?href=myfishforsale.co.uk&send=false&layout=standard&width=450&show_faces=false&action=like&colorscheme=light&font&height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px;" allowTransparency="true"></iframe><table width="100%" border="0" cellpadding="0" cellspacing="0" >

 

 

twitter:

 

<a href="http://twitter.com/myfishforsale" class="twitter-follow-button" data-show-count="false">Follow

@myfishforsale</a>

<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>

 

 

google+button

 

<!-- Place this tag in your head or just before your close body tag -->

<script type="text/javascript" src="https://apis.google.com/js/plusone.js">

  {lang: 'en-GB'}

</script>

 

<!-- Place this tag where you want the +1 button to render -->

<g:plusone></g:plusone>

 

i have attached an image to show what it already looks like, however i would like them all next to each other on one line.

 

any help really would be appreciated

 

[PaulRyan]

<div>
  <div style="float:left; max-width:200px !important;">
    <iframe src="http://www.facebook.com/plugins/like.php?href=myfishforsale.co.uk&send=false&layout=standard&width=450&show_faces=false&action=like&colorscheme=light&font&height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:35px;" allowTransparency="true"></iframe>
  </div>
  <div style="float:left; max-width:200px !important;">
<a href="http://twitter.com/myfishforsale" class="twitter-follow-button" data-show-count="false">Follow @myfishforsale</a><script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
  </div>
  <div style="float:left; max-width:200px !important;">
<script type="text/javascript" src="https://apis.google.com/js/plusone.js">  {lang: 'en-GB'}</script><g:plusone></g:plusone>
  </div>
  <div style="clear:all;"></div>
</div>

[davie]

Many thanks, that is spot on