Unordered list, colored bullet points

Solution with pseudo element ::before

HTML

<ul style:"text-align:">
  <li>Unordered List Example 1</li>
  <li>Unordered List Example 2</li>
  <li>Unordered List Example 3</li>
  <li>Unordered List Example 4</li>
</ul>

CSS

ul {
  list-style-type: none;
}
li {
  position: relative;
}
li::before {
  background-color: tomato;
  border-radius: 50%;
  content: "";
  height: 5px;
  left: -1em;
  position: absolute;
  top: 0.5em;
  width: 5px;
}