如何添加List-style-type:“disc”到<p>标签</p>

时间:2011-01-21 21:48:56

标签: css image html-lists

这看起来应该是非常容易的,但我很难搞清楚。

我想复制<li>功能,因此光盘图片显示在左侧,但应用于

标签

我有这个,但它没有显示光盘镜像。

.list {
     margin-top: 15px;
     margin-bottom: 15px;
     list-style:disc outside none;
     display:inline; 
     }

<p class="list"><em>And Much, Much More!</em></p>

我想尽可能避免使用任何图形模拟子弹。
谢谢你的帮助

2 个答案:

答案 0 :(得分:29)

答案: display:list-item;

显示必须设置为列表项 - 不是内联,而不是列表!

.list {
     list-style:disc outside none;
     display:list-item; 
     }

<p class="list"><em>And Much, Much More!</em></p>

答案 1 :(得分:2)

嗯,p不是列表。为什么不使用<ul><li>

[编辑] 让我详细说明一下。 问题是您在列表中设置此样式,而光盘显示在列表项目中。 p在这个意义上没有任何项目,因此没有任何内容可以应用光盘。