javascript - inline CSS to align a social share icon -


i'm using social share buttons on site sharethis. i'm having alignment issues facebook button. see screenshot.

enter image description here

i'd direction on syntax incline css align or pad facebook line button aligns vertically others. tried many different combinations of doing including adding style="padding-bottom:25px"

this html code provided sharethis:

<span class='st_facebook_large' displaytext='facebook'></span> <span class='st_twitter_large' displaytext='tweet'></span> <span class='st_linkedin_large' displaytext='linkedin'></span> <span class='st_googleplus_large' displaytext='google +'></span> <span class='st_email_large' displaytext='email'></span> <span class='st_sharethis_large' displaytext='sharethis'></span> <span class='st_fblike_large' displaytext='facebook like'></span> <span class='st_plusone_large' displaytext='google +1'></span> 

added these lines bottom of file

<script type="text/javascript">var switchto5x=false;</script> <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script> <script type="text/javascript">stlight.options({publisher: "ur-22cc647b-2be-2114-fe32-8c2f8b9ab95e", donothash: false, donotcopy: false, hashaddressbar: false});</script> 

as max-height of spans 32px @ should add stylesheet

span {display:inline-block; height:32px; line-height:32px;} 

example

please note best give spans class , style rather styling span tag above


Comments

Popular posts from this blog

javascript - DIV "hiding" when changing dropdown value -

Does Firefox offer AppleScript support to get URL of windows? -

android - How to install packaged app on Firefox for mobile? -