title: Align social buttons correctly
body: <p>I am trying to put social buttons facebook and tweetmeme in our site. I liked the way it's done in yahoo sites. Please look</p>
  
  <p><a href="http://finance.yahoo.com/news/General-Motors-to-test-apf-122107979.html?x=0" rel="nofollow noreferrer">Yahoo Link</a></p>
  
  <p>I looked at yahoo code, but the implementation style is very difficult to understand. It would be great if someone can help me in html/css coding.</p>
  
  <p>Thanks.</p>
  
  <h2>Update</h2>
  
  <p><img src="https://i.stack.imgur.com/czYPn.gif" alt="alt text"></p>
  
  <p>This is the code I have so far.. The issues I am having is Yahoo customized the css by changing the facebook and tweetmeme css behavior. Please check the attached image and compare with it. The code I am using is</p>
  
  <hr>
  
  <pre><code>&lt;a name="fb_share" type="button_count" share_url="http://www.yahoo.com" href="http://www.facebook.com/sharer.php"&gt;Share&lt;/a&gt;&lt;script 
  
  src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  tweetmeme_url = 'http://www.yahoo.com';
  tweetmeme_style = 'compact';
  &lt;/script&gt;
  &lt;script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <hr>
  
  <p>Please let me know, can we have exactly they have. I liked the look and feel of that. :)</p>
  
  <p>Thank You.</p>