Css 使用li和p标记的显示项目之间的差异？

因此，我试图找出创建具有多种功能的卡的最佳方法，它可以与

标记配合使用，但是创建

标记而不使用ul可以吗？还是这种做法不好

下面是我现在使用
标记的代码

 <div class="membership__card">
      <h3>Membership Red</h3>
      <p>Gym</p>
      <p>Group Fitness Classes</p>
      <p>Private Personal Training</p>
      <p>Tanning Bed</p>
      <p>$199 per month</p>
    </div>


会员红
健身房

团体健身班

私人私人培训

鞣床

每月199元


但是我能这样写吗？还是我需要用李的替换p标签

 <div class="membership__card">
      <h3>Membership Red</h3>
      <li>Gym</li>
      <li>Group Fitness Classes</li>
      <li>Private Personal Training</li>
      <li>Tanning Bed</p>
      <li>$199 per month</li>
    </div>


会员红
健身房
团体健身班
私人私人培训
鞣床

每月199元

但我不需要用UL包装这些吗？我是否也可以像我的h3标签一样在ul内部传递非
li
标签？
使用
li
而不使用
ul
，因为父母是坏习惯

大多数浏览器在没有
ul
的情况下不会向
li
呈现任何默认样式。通过内联或CSS选择器应用于它的任何样式都可能不采用这两种方式。我使用过的大多数现代浏览器都不会在意，会将其视为普通元素；然而，这并不是在所有浏览器中都是一致的。我建议使用
p
、
span
或
div
元素代替
li
我不建议在没有附带的
ul
父元素的情况下使用
li
，因为每个浏览器的处理方式都不同

已经有人在stackoverflow上提出了类似的问题：

异端猴子链接了Mozilla文档作为评论，也值得一读：

如果您想有时间阅读
li
标签上的官方文档（很长），请直接从W3C开始阅读：
查看示例下面的蓝色框。有一行标记为允许的父项，指出
li
的唯一允许的父项是
ul
、
ol
和
菜单
。单击
ul
，会出现一个类似的框，框中有一行“允许的内容”，说明只允许
li
、
模板
和
脚本
元素。保留s。CSS与语义无关，您可以对任何标记使用任何类型的显示规则，这就是CSS、样式的目的。所以
p{display:list item}
不会有什么伤害；）。您也可以将
封装在
或
中。啊，好的，只是想再次检查一下。谢谢