在两个元素之间创建空间

Question

想象一下，每次创建这个元素时都会动态创建一个元素，应该进行某种检查以确保dyn创建的元素和它旁边的元素之间有空格

我如何让浏览器自动意识到它们之间应该有空格？

    <ul class=dynamic elements>
            /*Dyanmic <li></li> created*/
 </ul>
<div id="test">elemetn2 </div>

Answer 1

您是否尝试在margin？

之间使用简单li

.dynamic-elements li {
  margin: 10px 0;
}

<ul class="dynamic-elements">
  <li>2</li>
  <li>2</li>
  <li>2</li>
  <li>2</li>
  <li>2</li>
</ul>
<div id="test">elemetn2</div>