Liste in einem Paragraph

[Rolf B]

Hallo Camping_RIDER,

habe grad mal gebastelt. So passt es inline und geblockt:

<style>
   [role=list] [role=listitem]::after { content: ","; }
   [role=list] [role=listitem]:last-child::before { content: "und "; }
   [role=list] [role=listitem]:last-child::after { content: ""; }
   [role=list] [role=listitem]:nth-last-child(2)::after { content: ""; }
   [role=list] [role=listitem]:first-child::before { content: ""; }
</style>

---

<p>Geben Sie
<span role="list"><span role="listitem">500g Mehl</span>
<span role="listitem">100g Zucker</span>
<span role="listitem">50g Butter</span>
<span role="listitem">2 Eier</span>
<span role="listitem">100g geriebene Haselnüsse</span>
<span role="listitem">1 Teelöffel Salz</span></span>
in eine Teigschüssel und geben Sie nach Bedarf
<span role="list"><span role="listitem">2-3dl Milch</span></span>
unter stetigem Rühren hinzu.
</p>

Die Kommas und das „und“ kommen per CSS hinzu und stören in einer List-Darstellung nicht :). Ist möglicherweise noch etwas optimierbar...

Rolf