如何在HTML中的两个div之间添加空格？

Question

我有两个div声明为，

<div id="icdAid" align="center" ></div>
<div id="errorMsg" align="center" ></div>

如何在它们之间添加空间？

Answer 1

您可以将其添加到CSS

#icdAid
{
   margin-bottom:10px;
}

这会在icdAid div的底部添加10px的空格。

<强> JSFIDDLE DEMO

Answer 2

在html中 - 使用<br/>添加新行。
在css中 - #icAid{ margin-bottom: 20px; }。
另外，align属性已弃用，请为div{ text-align: center; }

使用css

Answer 3

您应该使用CSS解决方案

#icdAid { margin-bottom: 15px; }

如果您希望将结果复制到使用icdAid id的任何位置，则使用此选项。但是，如果您想在单个页面上修复，请在<br/>的关闭和打开标记之间使用<div>标记。

使用CSS解决方案，您可以更好地控制间距，因为<br/>标记是设置的宽度。