How to add Facebook like count button and Google one gadget side by side?

I try to add this Facebook like box and Google one gadget to my blog. I want use them side by side. I mean left hand side Facebook like box and its right hand side Google one gadget. But if i added following code to my blog, Facebook like box appear in top of the Google one. So how do i fix it. If i added <center> before these codes not work. So can you help me to add this code to my blog properly.

<right>
<iframe src="http://www.facebook.com/plugins/like.php?app_id=126353674118588&amp;href=https%3A%2F%2Fwww.facebook.com%2Fpc.tricks.tips.page&amp;send=false&amp;layout=box_count&amp;width=0&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=verdana&amp;height=90" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:90px;" allowtransparency="true"></iframe></right>

<center><!-- 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"></script>

<!-- Place this tag where you want the +1 button to render -->
<g:plusone size="tall"></g:plusone></center>

Code (markup):

 

Hint: Floating containers.

<div style="float:left">
 <iframe src="http://www.facebook.com/plugins/like.php?app_id=126353674118588&amp;href=https%3A%2F%2Fwww.facebook.com%2Fpc.tricks.tips.page&amp;send=false&amp;layout=box_count&amp;width=0&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=verdana&amp;height=90" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:90px;" allowtransparency="true"></iframe>
</div>

<div style="float:left">
<!-- 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"></script>
<!-- Place this tag where you want the +1 button to render -->
<g:plusone size="tall"></g:plusone>
</div>

Code (markup):

 

Thanks a lot reply my thread.
I added you provided code to my blog, but noting change, it also display as previous. Please look-at my screen shot.

 

Then i modified it like this but nothing change.

 

Use that as a hint, your source code may need further adjustments. Can it be seen live somewhere on the web?

 

Ok. Ill try it.