在两个元素之间创建空间

Question

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

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

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

Answer 1

您是否尝试在li 之间使用简单的margin？

.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>