当代码中没有空格或中断时，文本会自动双倍行距

Question

我的输出在“规格”和“黑金属”之间以及“这是 Vudu 的...”的顶部和底部有很大的空间，我该如何更改？

<span style="font-size:12px">This is Vudu's newest product...</span>
<h3><strong>Specs</strong></h3>
<main>
  <ul>
    <li>black metal</li>
    <li>aircraft grade material</li>
  </ul>
</main>

我尝试用像素和百分比指定边距，但都没有做任何事情。我使用了两个不同的程序，目前正在 w3schools 上工作，但总是有相同的结果。

Answer 1

标题和 ul 已在浏览器中设置默认边距。所以你需要像这样将其重置为0。 （这不是 vudu 的事情...😊）

h3{
    margin-bottom: 0;
}

ul{
    margin-top: 0;
}

  <span style="font-size:12px">This is Vudu's newest product...</span>
  <h3><strong>Specs</strong></h3>
  <main>
    <ul>
      <li>black metal</li>
      <li>aircraft grade material</li>
    </ul>
  </main>