html - Google+ ボタンがインラインで表示されない

Question

Google+ ボタンは、Firefox と Internet Explorer の他のボタンとインラインで表示されます。

ただし、Google Chrome の他のボタンとインラインで表示されません。

ページはこちら: http://www.abijahchristos.com/sample/springspa

JsFiddle はこちら: http://jsfiddle.net/Abijah/hjpac/

Answer 1

main.cssオンライン170の変更で

#social li { display: inline }

に

#social li { display: inline-block }

JSFiddle

Answer 2

クロスブラウザの修正については、Zoltanが言ったことを実行するだけでなく、次のようにフロートを追加します。

#social li { display:inline-block; float:left; }

IEには、特に古いバージョンのインラインブロックに問題がありますが、それでも使用方法によっては、要素の両側にいくつかのピクセルが追加される可能性があります。