css - 在 css 中列出点将不起作用

Question

我在 css 中创建了一个框，并将文本放入框内。我希望它是一个列表。但是，当我尝试使用它时，它会弄乱整个页面的格式。我也在这里尝试了解决方案:CSS list-style-type not working ，但这也没有用。我的原始代码如下。我的问题是，是列表样式还是我创建的框可能会给我带来问题？

<p class = "total" style= "background-color: #C6C29E;opacity:.9;height:2000px;width:500px;float:left;color:black;text-shadow: 4px 0px #aaa;list-style-type:circle;">
<li>Text</li><br>
    <li>Text<br></li>
 </p>

谢谢

Answer 1

要创建列表，您必须将 li 元素包装在 ul 或 ol 中:

<ul class="total" style="list-style-type:circle;">
    <li>Text</li>
    <li>Text</li>
</ul>