title: Facebook and Twitter official buttons: over-ride CSS to display inline and float right?
body: <p>I'm trying to use the official Facebook and Twitter buttons together. </p>
  
  <p>I'd like to float them both right, inline with a third button, so that all three are arranged neatly and on one line, in the top right-hand corner of the UI. </p>
  
  <p>I'd like the ordering as follows: Twitter button, Facebook button, third element. </p>
  
  <p>This is proving surprisingly difficult, despite quite a lot of StackOverflow <a href="https://stackoverflow.com/questions/5252323/how-to-align-facebook-and-tweet-buttons">hunting</a> and Googling. I've set up a JSFiddle here to show the problem: <a href="http://jsfiddle.net/KHRJU/4/" rel="nofollow noreferrer">http://jsfiddle.net/KHRJU/4/</a></p>
  
  <p>How can I over-ride the CSS styles so that all three elements are in the top right-hand corner of the HTML display?</p>