:first-letter issue

by soul_wish

HTML

<ul>
  <li>SOME LIST ITEM</li>
  <li>ANOTHER LIST ITEM</li>
  <li>ONE MORE LIST ITEM</li>
</ul>

CSS

ul {
  margin: 0;
  padding: 0;
}
ul li {
  position: relative;
  text-transform: lowercase;
  padding-left: 18px;
  list-style: none;
  color: green;
  line-height: 24px;
  font-size: 16px;
}
ul li:after {
  position: absolute;
  left: 0;
  top: 2px;
  content: "☘";
  color: green;
}
ul li:first-letter {
  text-transform: uppercase;
}