title: inline CSS to align a social share icon
body: <p>I'm using social share buttons on my site from ShareThis. I'm having some alignment issues with the Facebook Like button.
  See screenshot. </p>
  
  <p><img src="https://i.stack.imgur.com/3DVje.png" alt="enter image description here"></p>
  
  <p>I'd like some direction on the syntax for incline CSS to help align or pad the Facebook line button so it aligns vertically with the others.
  I tried many different combinations of doing this including adding <code>style="padding-bottom:25px"</code></p>
  
  <p>This is the HTML code provided by ShareThis:</p>
  
  <pre><code>&lt;span class='st_facebook_large' displayText='Facebook'&gt;&lt;/span&gt;
  &lt;span class='st_twitter_large' displayText='Tweet'&gt;&lt;/span&gt;
  &lt;span class='st_linkedin_large' displayText='LinkedIn'&gt;&lt;/span&gt;
  &lt;span class='st_googleplus_large' displayText='Google +'&gt;&lt;/span&gt;
  &lt;span class='st_email_large' displayText='Email'&gt;&lt;/span&gt;
  &lt;span class='st_sharethis_large' displayText='ShareThis'&gt;&lt;/span&gt;
  &lt;span class='st_fblike_large' displayText='Facebook Like'&gt;&lt;/span&gt;
  &lt;span class='st_plusone_large' displayText='Google +1'&gt;&lt;/span&gt;
  </code></pre>
  
  <p>Added these lines to bottom of file</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;var switchTo5x=false;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;stLight.options({publisher: "ur-22cc647b-2be-2114-fe32-8c2f8b9ab95e", doNotHash: false, doNotCopy: false, hashAddressBar: false});&lt;/script&gt;
  </code></pre>