0

我在 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>

谢谢

4

2 回答 2

2

要创建列表，您必须将li项目包装在 aul或 a中ol：

<ul class="total" style="list-style-type:circle;">
    <li>Text</li>
    <li>Text</li>
</ul>
于 2013-01-26T23:37:41.063 回答
1

我同意约瑟夫。<p>将标签包裹在<li>元素周围并以<br>这种方式使用标签是个坏主意。你应该使用 CSS 来设置内容的样式，而不是使用<br>标签来为你做。

如果您只想将列表项添加到其自己的自扩展框中，这是否有帮助，或者这不是您的意思？

<ul class="my-list">
  <li>text</li>
  <li>text</li>
</ul>

ul.my-list {
  background: red;
  padding: 20px;
  float: left;
}
于 2013-01-26T23:41:42.560 回答