JSFiddle - React, Tailwind, and code Playground

by beau

HTML

<div>Eggs, bacon and potatoes</div>

<h1>Eggs, bacon and potatoes</h1>

<ul>
  <li>Eggs</li>
  <li>bacon</li>
  <li>potatoes</li>
</ul>

CSS

li { display: inline }
li:first-child:after { content: ", " }
li:last-child:before { content: "and " }