如何将list-style-type: "disc"添加到<p>标签？

Question

这似乎应该非常容易，但我很难弄清楚。

我想复制 <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>

如果可能的话，我想避免使用任何图形来模拟子弹。
感谢帮助。

- user583330

Answer 1

答案： display: list-item;

必须将display设置为list-item，而不是inline或list！

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

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

- user583330

---

这太棒了，谢谢！让我头疼了好久。该死的CSS，我从来没有想过要改变显示类型。 - Jake

Answer 2

好的，p标签不是列表。为什么不使用<ul><li>呢？

[编辑] 让我详细说明一下。 问题在于你在列表上设置了这个样式，而圆点符号显示在列表项中。p标签在这个意义上没有列表项，因此没有什么可以应用圆点符号。

- GolezTrol

---

是的，谢谢。就像你更新这个一样，我意识到它必须是列表项。设置Display:List-Item使圆点出现 :) - 我想复制<li>而不使用<ul><li>的原因是我想在<li>元素之间放置其他<p>标签，在IE7及以下版本中，<li>之间的元素不会显示。我知道，语法不好。所以这将修复它。谢谢！ - user583330

Answer 3

只需添加以下样式

display:list-item; 

- Mahdi Bashirpour