特定のOSおよび特定のブラウザでしか発生しないかと思われますが、
「いいね」だけずれちゃったりしたとき。
ありませんか?こんな風に。
これ、もしかしたら、「line-height」のスタイルが当たってしまっている所為かもしれません。
.social {
line-height: 0;
}
「いいね」のところだけこんな感じでしてあげましょう。
どうでしょうか、キレイに揃いましたか?
ソーシャルのボタンとかは、外部からいろいろ引っ張ってくるからアタフタしちゃうかもしれませんが、
割と簡単に解決することもあるかもしれませんね。
LIGはWebサイト制作を支援しています。ご興味のある方は事業ぺージをぜひご覧ください。