CodePen Embed - Custom List Style Using Emojis

<h1>Planets in our Solar System</h1>
<ul>
  <li>Mercury</li>
  <li>Venus</li>
  <li>Earth</li>
  <li>Mars</li>
  <li>Jupiter</li>
  <li>Saturn</li>
  <li>Uranus</li>
  <li>Neptune</li>
</ul>

@counter-style space {
  symbols: 🪐 🚀 👩‍🚀 ⭐;
  system: cyclic;
  suffix: " ";
}
/* ul { list-style-type: square; } */
ul { list-style-type: space }

:root {
  font-family: sans-serif;
  color: #123456;
  margin: 46px;
}

This Pen is owned by Martine Dowden on CodePen.

See more by @martine-dowden on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.