奇怪的列表行为

时间:2011-11-18 16:18:55

标签: html css html-lists

我有一个包含段落的列表,但它在Firefox和IE中显示的很奇怪。

我的HTML设置如下:

<li><p>content</p></li>

不奇怪吗?段落没有宽度和分配给它的小(左)边距。当边距被移除时,它看起来仍然相同。当我将list-style-position更改回outside ...

时,它也不会改变

它的外观如下:

the list

任何熟悉此问题的人都知道修复?我很绝望。

2 个答案:

答案 0 :(得分:4)

像这样写:

p{
 margin:0;
 padding:0;
}

答案 1 :(得分:1)

您不应在<p>标记内使用<li>。只需删除<p>,一切都应按预期工作。