SNSアイコン並べたときにfacebookだけズレる問題。

facebook、Twitter、LINE等々、SNSのシェアボタンを並べて置いたときに、いいね!ボタンだけズレる!!
しかもわずか1pxだけ下にズレる。微妙に落ち着かない。

解消する方法ありました。
ただ仕様がかわったりするので、今時点2016/04/11で有効な方法です。

CSSの記述を追加。

.fb_iframe_widget > span {
    vertical-align: baseline !important;
}

もともとfacebookで指定されているvertical-alignの要素を打ち消す。

並べる親要素には

line-height: 1;

を追加しとくといいかもしれない。

SNS各社はそろそろ統一の規格つくってほしい……。