jetpackのfacebook、twitterなどのいいねボタンを横一列に並べた時に、その下の

いつもお世話になっています。

プラグインjetpackを使い、facebook、twitter、google＋のいいねボタンを表示させました。

縦に三行表示されていたので、横一列に表示したいと思い、

div.button li {width:10em;
                      float:left;}

とcssに書き込んだ所、ちゃんと横一列に表示させる事ができました。

しかし、その下にボタンと同じサイズの空白ができており、消す事ができません。

ソースを見てみると、

<div class="button">
　<div class="sharedaddy sd-sharing-enabled">
　　<div class="robots-nocontent sd-block sd-social sd-social-official sd-sharing">
　　　<div class="sd-content">
　　　　<ul>
　　　　　　<li class="share-facebook">省略</li>
                    <li class="share-twitter">省略</li>
                    <li class="share-google＋">省略</li>
　　　　　　<li class="share-end"></li>
　　　　</ul></div></div></div></div>

となっていました。
この四つ目のshare-endを消し、空白を詰めたいのですが、

div.button li.share-end {display:none;}

でも消えません。

空白スペースを消す方法があれば教えて下さい。よろしくお願いします。

サイトです。空白部分はわかりやすいように背景を黒にしてあります。何も指定しないと白いのですが、空白が残ってしまいます。