Punctuation in List Items

Put the semicolon after usual lines, and a period after the last line of the list.

by Ovi Stof

HTML

<h3>First list</h3>
<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ul>
<h3>Second list</h3>
<p>Remove bullets, margin and padding from list:</p>
<ul class="demo">
  <li>Coffee</li>
  <li>Tea</li>
  <li>Coca Cola</li>
</ul>

CSS

li:not(:last-child)::after {
  content: ";";
}
li:last-child::after {
  content: ".";
}