title: Cannot get Social Media Share Buttons to Line Up in inline list
body: <p>For the life of me I cannot get these social media share buttons to line-up with my inline list. I nearly had it with a <code>vertical-align: top;</code> on the <code>&lt;li&gt;</code> but Chrome didn't like that.</p>
  
  <p>Page can be seen here: <a href="http://206.72.114.49/sharelinkstest.htm" rel="nofollow noreferrer">http://206.72.114.49/sharelinkstest.htm</a></p>
  
  <p>Full HTML/CSS below:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
  
  &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;style type="text/css"&gt;
          .share-links {
              margin: 8px 0 0 0;
              padding-left: 0;
              display: inline;
          }
          .share-links li {
              margin-left: 0;
              padding-right: 15px;
              list-style: none;
              display: inline;
          }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;ul class="share-links"&gt;
      &lt;li&gt;&lt;a title="Post to Google Buzz" class="google-buzz-button" href="http://www.google.com/buzz/post" data-button-style="small-count" data-url="$fqUrl$post.Url"#if ($macros.IsNotNull($post.ResolvedImageUrl)) data-imageurl="$fqUrl$post.ResolvedImageUrl"#end&gt;&lt;/a&gt;&lt;script type="text/javascript" src="http://www.google.com/buzz/api/button.js"&gt;&lt;/script&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="http://twitter.com/share" class="twitter-share-button" data-url="$fqUrl$post.Url" data-text="$post.Title by $post.User.ProperName" data-count="horizontal" data-via="lifeorganically"&gt;Tweet&lt;/a&gt;&lt;script type="text/javascript" src="http://platform.twitter.com/widgets.js"&gt;&lt;/script&gt;&lt;/li&gt;
      &lt;li&gt;&lt;iframe src="http://www.facebook.com/plugins/like.php?href=$fqUrl$post.Url&amp;amp;layout=button_count&amp;amp;show_faces=false&amp;amp;width=80;&amp;amp;action=like&amp;amp;font&amp;amp;colorscheme=light&amp;amp;height=25" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:25px;" allowTransparency="true"&gt;&lt;/iframe&gt;&lt;/li&gt;
  &lt;/ul&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>