div間にdivの水平スペースを作成

Question

私は厄介な問題の解決策を探していますが、これまでの質問を見てもうまくいきません。私はウェブサイトの開発に比較的新しいので、私はこのような単純な問題に少し不満を抱いています。あなたが手伝ってくれることを願います。 TIA。

私は、アイコンを表示してスクリプトを含むソーシャルメディア部門を持っていますが、現在のところ、各ソーシャルメディアアイコンは、空白のない別のアイコンの直下または下にあり、奇妙に見えます（http://www.keyadventures.co.uk - ページの先頭） 。私は各アイコンの間に10pxの空白を持つ縦の杭でそれらを取得しようとしています。

ページのコードは次のとおりです。

<div id="socials"> 
    <div class="fb-like" data-href="https://www.facebook.com/keyadventures" data-width="200" data-layout="button" data-action="like" data-size="large" data-show-faces="false" data-share="true"></div> 
<div><a href="https://twitter.com/KeyAdventures" class="twitter-follow-button" data-show-count="false">Follow @KeyAdventures</a></div> 
    <div><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script></span></div> 
    <div class="g-follow" data-annotation="none" data-height="20" data-href="//plus.google.com/u/0/102297967569531161845" data-rel="publisher"> </div> 
    <div id="TA_socialButtonIcon437" class="TA_socialButtonIcon"><ul id="DgC9KwnBxX1r" class="TA_links HuiOsPByG"><li id="1UtO208Z0lf" class="aH1PNr1"><a target="_blank" href="https://www.tripadvisor.co.uk/Attraction_Review-g186326-d6132771-Reviews-Key_Adventures-Kendal_Lake_District_Cumbria_England.html"><img src="https://www.tripadvisor.co.uk/img/cdsi/img2/branding/socialWidget/20x28_green-21690-2.png"/></a></li></ul></div><script src="https://www.jscache.com/wejs?wtype=socialButtonIcon&amp;uniq=437&amp;locationId=6132771&amp;color=green&amp;size=rect&amp;lang=en_UK&amp;display_version=2"></script> 
</div> 

とCSSのコードである：あなたの助けのための

#socials { 
float:left; 
width:260px; 
padding:5px 0; 
font-size:13px; 
height:85px; 
} 

#socials img{ 
padding:10; 
margin:10; 
} 

感謝。

SimonMc

Answer 1

あなたのCSSにいくつかの構文上の問題を持っている、それはCSSの下

#socials img{ 
    padding:10px; 
    margin:10px; 
} 

が好きなはずです