help.... with tweet n gplus button

[nikhilnaik]

<g:plusone></g:plusone>

<!-- Place this render call where appropriate -->
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>
</span>

<a href="https://twitter.com/techarta" class="twitter-follow-button" data-show-count="false">Follow @techarta</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

 

 

i have put the above code for twitter and gplus.....

 

but it appears like the first screenshot.. i want it to be in the same line side by side like in the second screenshot.. how should i do that?

 

[nikhilnaik]

help!