How to align facebook and twitter buttons in the line

March 6th, 2013

In this note you’ll find some simple css styles that help to align facebook and twitter buttons in the one line.

Here’s the HTML of the buttons:

  
  <div class="fb-like" data-send="false" data-layout="button_count" 
    data-width="100" data-show-faces="true"></div>
 
  
  <a href="" class="twitter-share-button" 
    data-via="user">Tweet</a>

Here’s the css styles that fixe the alignment:

  .fb-like {
    vertical-align: top;
  }
  .fb_iframe_widget span {
    vertical-align: text-top !important;
  }

BTW, I include facebook icon with help of HTML5 method.

Posted in css

STARIKOVS

Leave a Reply