Демонстрация изображения в качестве маркера

by webref

HTML

<ul>
  <li>Оранжевый</li>
  <li>Зелёный</li>
  <li>Синий</li>
</ul>

CSS

li {
  background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/29841/arrow.png") 0 50% no-repeat;
  list-style-type: none;
  padding-left: 12px;
}