Using html special characters to make some stars

index.html

<ul>
  <li><a href="#">&#9733</a></li>
  <li><a href="#">&#9733</a></li>
  <li><a href="#">&#9733</a></li>
  <li><a href="#">&#9733</a></li>
  <li><a href="#">&#9733</a></li>
</ul>

style.css

body {
  background: #222;
  margin: 2em;
}

ul {
  list-style: none;
}
ul li a{
  text-decoration: none;
  float: left;
  font-family: Arial;
  font-weight: bold;
  font-size: 2em;
  margin-right:0.2em;
  color: rgba(255,255,255,0.1);
  text-shadow:0 -1px 1px black, 0 1px 1px transparent;
}

ul li a:hover {
  color: #FFC517;
  text-shadow:0 -1px 1px white, 0 1px 1px black;
}