CSS ol、li、边距和填充

Question

我有一些麻烦:

我正在使用这样的东西:

<ol>
  <li>Titel</li>
  <ol>
    <li>Content</li>
    <li>Content</li>
  </ol>
  <li>Titel</li>
  <ol>
    <li>Content</li>
    <li>Content</li>
  </ol>
</ol>

我现在在所有标题上使用 70 像素的内边距和 -30 像素的边距。只要内容不长于 1 行或长于 3 行，这就完全可以正常工作。一旦只有两行，我的 ol 容器中的数字就会出现在完全错误的位置。

我不知道关于我的问题的这些信息是否足够，但如果你有解决方案，或者更好的解释，那就太好了。

非常感谢

编辑:

很抱歉，我问了这个问题后很快就发现了我的错误，错误不在html中，它不是我写的，而是由我正在使用的程序创建的。我需要这个负边距来在我的网站上创建一个 anchor ，这样如果你按下那个特定的链接，它就会到达顶部边距的那个点。最后，我只是创建了一个不可见的 divcontainer，我将其移至该点。

对不起

Answer 1

要创建有效的 HTML，您需要将 OL 标签嵌套在 LI 标签中，这样它应该如下所示。看看是否有帮助。

<ol>
  <li>Titel
      <ol>
        <li>Content</li>
        <li>Content</li>
      </ol>
  </li>
  <li>Titel
      <ol>
        <li>Content</li>
        <li>Content</li>
      </ol>
  </li>
</ol>