在 div 前后添加换行符的最佳方法是什么？

Question

有人向我展示了一个 html，使用 div 标签来显示一些包含背景图像的文本

<div class='main'>
   <div class='img1'>
      SOME TITLE TEXT
   </div>  
</div>";
<div class='img2'>"
  SOME DESCRIPTION TEXT HERE
</div>"

这里类 img1 和 img2 包含两个背景图像，img2 的相应 div 将显示在 img1 旁边（无间隙）。我需要重复整个模式几次才能显示内容不同但格式相同的内容。

<!-- GROUP 1 -->  
<div class='main'>
   <div class='img1'>
      SOME TITLE TEXT 1
   </div>  
</div>";
<div class='img2'>"
  SOME DESCRIPTION TEXT HERE 1
</div>"
<!-- GROUP 2 -->  
<div class='main'>
   <div class='img1'>
      SOME TITLE TEXT 2
   </div>  
</div>";
<div class='img2'>"
  SOME DESCRIPTION TEXT HERE 2
</div>"

但我发现如上所示，任何两个组之间都没有分离。说实话，我对html确实没有经验，只是复制别人的代码。但是在网上搜索后，我找到了该
命令，我尝试在组之间添加该标签，但似乎中断比我预期的要多。有没有其他方法可以以更小的间隙插入分离？

Answer 1

你可以这样margin给予：topbottom

margin: 10px 0;

10px上面将从顶部和底部应用边距。您还可以使用单独的属性，例如margin-top和margin-bottom。