Erstellen von horizontalen Raum in Div zwischen Divs

Question

Ich suche eine Lösung für ein lästiges Problem, habe durch vorherige Fragen, aber kann keine funktionierende Lösung finden. Ich bin relativ neu in der Entwicklung von Websites und ich bin ein wenig frustriert von solch einem einfachen Problem. Hoffe du kannst helfen. TIA.

Ich habe ein Social-Media-Div, das die Symbole anzeigen und die Skripte enthalten, aber im Moment ist jedes Social-Media-Symbol direkt neben oder unter einem anderen ohne Leerraum und es sieht seltsam aus (http://www.keyadventures.co.uk - Seitenanfang) . Ich versuche, sie in einen vertikalen Stapel mit 10px Leerraum zwischen jedem Symbol zu bekommen.

Der Seitencode ist:

<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> 

Und die CSS-Code ist:

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

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

Vielen Dank für Ihre Hilfe.

SimonMc

Answer 1

Sie einige Syntax Probleme in Ihrem CSS haben, sollte es unter CSS wie

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