Css 并排div之间的间距不可编辑？

好吧，我在互联网上搜索过，我在这个网站上看了至少20篇不同的帖子，花了几个小时研究这个问题，要么我是瞎子，要么可能比我想象的更粗糙。包装器中有两个div-左div是float:left，我想将它们彼此隔开，但是当我在右div的左侧添加填充或边距时，什么都没有发生。如果我使用空格代码手动添加空格，它会将段落向下推，而不是向上推。我不知所措，我尝试使用内联块显示，我尝试浮动正确的段落。唯一有效的方法是在左框中添加右填充，但由于左框中的内容居中，因此会弄乱左框的显示。我上传了网站内容，所以你可以看到我在说什么，样式表粘贴在下面。在此方面的任何帮助都将不胜感激！我通常只使用桌子和iFrame，但我为此被骂了一顿，所以我试图用“正确的方式”（我想是吧？）为一个朋友做这件事

潜水艇

<div id="company_info">

---

还要确保在这两个div之后清除float

您没有发布HTML，因此我使用您要查找的参数制作了自己的标记：

HTML

<div class="container">

<div class="left">
    <p>Services</p>
</div>
<div class="right">
    <p>Our company</p>
</div>

---

哇，我真不敢相信事情会这么简单。我非常感谢你。我没有意识到两个div都必须浮动，不知何故，我只在问题区域（幻灯片和徽标）上方浮动了左侧的一个div。我很抱歉，我想如果有人去网站查看发生了什么，他们会查看源代码，因为这比缩进四个空格容易。不过谢谢你的回答。我刚刚按照Bonesbattle的建议将float left添加到公司信息部门，它马上就起作用了！

#company_info {
float: left;
width: 70%;
margin-left: 20px;
}

<div class="container">

<div class="left">
    <p>Services</p>
</div>
<div class="right">
    <p>Our company</p>
</div>

p {margin-left: 30px; font-family: Arial, sans-serrif; color: #FFF;}
.container {
  margin: 0 auto;
  width: 620px;
  height: 400px;
  padding: 10px;
  background: #CCC;
}
.container .left {
  margin: 0 auto;
  float: left;
  width: 300px;
  height: 390px;
  background: #999;
}
.container .right {
  margin: 0 auto;
  float: right;
  width: 300px;
  height: 390px;
  background: #666;
}