Question

I’m using this kind of button. How to align that to other buttons (G+, Twitter, etc) vertically?

Because vertical-align: top doesn’t align correctly for this kind of box count.

<div class=fb-like data-layout=box_count></div>
<a class=twitter-share-button href=//twitter.com/share data-count=vertical data-dnt=true>Tweet</a>
<div class=g-plusone data-size=tall></div>

Answer 1

.fb-like{
position:relative;
top:-20px; //adjust to your needs
}

vertical-align works for inline and inline-block elements I guess, you should put this style on the parent element not on .fb-like