关于网页列表项语义结构及标点实现方式的技术问询

假设我有个网页内容是这样的：

The shop has a wide range of goods available:

• In the bakery department, we have a range of flours including all purpose flour, whole wheat flour, self-rising flour, rye flour, gluten-free flour, and almond flour
• In the cake-making department, we have mixed dried nuts, mixed dried fruits, currants, raisins, cinnamon, and nutmeg

这时候明眼人都能看出来，这就是一段引导文字加一个包含2个项目的无序列表，这点应该没人会有异议，对吧？

但是！

我现在纠结的是：列表里的每一项，是不是本质上是“段落+无序列表”的组合，只是通过视觉样式把它们做成了行内显示的效果？

如果真是这样的话

那里面的逗号（还有最后那个用来连接的词汇，比如例子里的and），应该直接写在文本里，还是通过CSS来添加呢？

备注：内容来源于stack exchange，提问作者CodeGorilla