HTML/文本间距问题

Question

HTML Spacing Problems http://img19.imageshack.us/img19/705/ohdear.png

如上图所示，我遇到了一些问题。

The Image, if the above won't load

我正在使用 CSS 来保持一切就位......你知道这可能是什么原因造成的吗？

Answer 1

我只是根据我在该图像中看到的内容猜测您的问题...

看起来您在一个字段集中有 2 个有序列表。

看起来您的第一个问题是您的有序列表没有左边距样式，因此列表的数字从字段集中“弹出”。要解决这个问题，只需在您的有序列表中添加一些边距:

ol {
    margin-left: 20px; /* experiment with the 
                          left width until you're 
                          happy with the spacing */
}

您的第二期看起来您的列表的顶部或底部没有边距，因此它们堆叠在彼此的顶部。这应该可以通过以下样式规则轻松解决(包括上面定义的边距规则):

ol {
    margin: 20px 0px 20px 20px;
    /* again, experiment with the margin size until you're happy with it */
}

在看不到您的标记或样式的情况下，这是我能做的最好的事情。