Facebook and Pinterest button – How to get them side by side

I just added the facebook like and the pinterest button on my site. The problem is that the facebook and pinterest button are not on the same “line”. the pinterest button is a bit below the facebook button. Can someone help me to make them on the same straight line?

Heres an demo on how it looks like: https://funny-pictures-blog.com/2012/05/18/robert-downey-jr-2/

This is the code im using right now:

<div align="center"><iframe src="//www.facebook.com/plugins/like.php?href=<?php echo get_permalink($id); ?>&send=false&layout=standard&width=50&show_faces=false&action=like&colorscheme=light&font&height=35&appId=1961208" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:50px; height:35px;" allowTransparency="true"></iframe>  

<a href="https://pinterest.com/pin/create/button/?url=<?php the_permalink(); ?>&media=<?php if(function_exists('the_post_thumbnail')) echo wp_get_attachment_url(get_post_thumbnail_id()); ?>&description=<?php echo get_the_title(); ?>" class="pin-it-button" count-layout="none">Pin It</a>
<script type="text/javascript" src="https://assets.pinterest.com/js/pinit.js"></script></div>