在<li>文本和前面的内容之间添加间距

<ul>
  <li style="margin-top: 10px;">Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

/* 在CSS文件中 */
li {
  margin-top: 10px;
}

<!-- 在HTML文件中 -->
<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

/* 在CSS文件中 */
li.special:before {
  content: '';
  display: block;
  height: 10px;
}

<!-- 在HTML文件中 -->
<ul>
  <li>Item 1</li>
  <li class="special">Item 2</li>
  <li>Item 3</li>
</ul>

/* 在CSS文件中 */
ul {
  display: flex;
  flex-direction: column;
}

li {
  margin-top: 10px;
}

<!-- 在HTML文件中 -->
<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>