Html 在div中创建div之间的水平空间

我正在寻找一个令人讨厌的问题的解决方案，我已经看过了以前的问题，但找不到有效的解决方案。我对网站开发还比较陌生，对于这样一个简单的问题我有点沮丧。希望你能帮忙。蒂亚

我有一个社交媒体div，它将显示图标并包含脚本，但目前每个社交媒体图标都直接位于另一个图标的旁边或下面，没有空格，看起来很奇怪（-页面顶部）。我试着让它们垂直堆放，每个图标之间有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>

谢谢你的帮助

---

SimonMc

您的CSS中存在一些语法问题，它应该与下面的CSS类似

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

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