Title: jetpackのfacebook、twitterなどのいいねボタンを横一列に並べた時に、その下の
Last modified: 2016年7月30日

---

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

 *  解決済 [nipper1122](https://ja.wordpress.org/support/users/nipper1122/)
 * (@nipper1122)
 * [13年、 3ヶ月前](https://ja.wordpress.org/support/topic/jetpack%e3%81%aefacebook%e3%80%81twitter%e3%81%aa%e3%81%a9%e3%81%ae%e3%81%84%e3%81%84%e3%81%ad%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e6%a8%aa%e4%b8%80%e5%88%97%e3%81%ab%e4%b8%a6%e3%81%b9%e3%81%9f/)
 * いつもお世話になっています。
 * プラグイン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;}`
 * でも消えません。
 * 空白スペースを消す方法があれば教えて下さい。よろしくお願いします。
 * [サイトです。空白部分はわかりやすいように背景を黒にしてあります。何も指定しないと白いのですが、空白が残ってしまいます。](http://suliko.moo.jp/?p=98)

2件の返信を表示中 - 1 - 2件目 (全2件中)

 *  [gatespace](https://ja.wordpress.org/support/users/gatespace/)
 * (@gatespace)
 * [13年、 3ヶ月前](https://ja.wordpress.org/support/topic/jetpack%e3%81%aefacebook%e3%80%81twitter%e3%81%aa%e3%81%a9%e3%81%ae%e3%81%84%e3%81%84%e3%81%ad%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e6%a8%aa%e4%b8%80%e5%88%97%e3%81%ab%e4%b8%a6%e3%81%b9%e3%81%9f/#post-163138)
 * お使いのテーマはなんですか？
    一度デフォルトテーマで確認して欲しいのですが、Jetpack
   の共有で表示されるボタン類はそのままでも横1列に表示されます。
 * 何かしら、cssが干渉しているのではないでしょうか？
 *  トピック投稿者 [nipper1122](https://ja.wordpress.org/support/users/nipper1122/)
 * (@nipper1122)
 * [13年、 3ヶ月前](https://ja.wordpress.org/support/topic/jetpack%e3%81%aefacebook%e3%80%81twitter%e3%81%aa%e3%81%a9%e3%81%ae%e3%81%84%e3%81%84%e3%81%ad%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e6%a8%aa%e4%b8%80%e5%88%97%e3%81%ab%e4%b8%a6%e3%81%b9%e3%81%9f/#post-163273)
 * gatespace様
 * ありがとうございます。おかげで解決できました！！
 * デフォルトテーマで確認した所、しっかり横並びになっていました。
 * テーマはオリジナルでやっています。
 * CSSを確認してみた所、下記のものが干渉していました！
 *     ```
       {display: inline-block;
                             _display: inline;}
       ```
   
 * ありがとうございました！

2件の返信を表示中 - 1 - 2件目 (全2件中)

 トピック「jetpackのfacebook、twitterなどのいいねボタンを横一列に並べた時に、その
下の」には新たに返信することはできません。

 * フォーラム: [プラグイン](https://ja.wordpress.org/support/forum/plugins/)
 * 2件の返信
 * 2人の参加者
 * 最後の返信者: [nipper1122](https://ja.wordpress.org/support/users/nipper1122/)
 * 最後の活動: [13年、 3ヶ月前](https://ja.wordpress.org/support/topic/jetpack%e3%81%aefacebook%e3%80%81twitter%e3%81%aa%e3%81%a9%e3%81%ae%e3%81%84%e3%81%84%e3%81%ad%e3%83%9c%e3%82%bf%e3%83%b3%e3%82%92%e6%a8%aa%e4%b8%80%e5%88%97%e3%81%ab%e4%b8%a6%e3%81%b9%e3%81%9f/#post-163273)
 * 状態: 解決済

## トピック

### 人気のトピック

### 返信がないトピック

### サポート関連ではないトピック

### 解決済みのトピック

### 未解決のトピック

### すべてのトピック