<ul>
  <li>Pizza</li>
  <li>Döner</li>
  <li>Kaffee</li>
</ul>
ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}

li + li::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: 0 0.5ch;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: currentColor;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.