<ul>
  <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus, ipsam!</li>
  <li>Nam nemo magni doloribus, veniam exercitationem at asperiores explicabo ipsum!</li>
  <li>Obcaecati ab libero perferendis hic eum, unde tempore similique magnam!</li>
  <li>Itaque porro, est tempora numquam alias possimus cum sequi at!</li>
  <li>Temporibus id modi ullam dolore, facere dolorem inventore accusamus mollitia?</li>
</ul>

<ol>
  <li>Lorem ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus, ipsam!</li>
  <li>Nam nemo magni doloribus, veniam exercitationem at asperiores explicabo ipsum!</li>
  <li>Obcaecati ab libero perferendis hic eum, unde tempore similique magnam!</li>
  <li>Itaque porro, est tempora numquam alias possimus cum sequi at!</li>
  <li>Temporibus id modi ullam dolore, facere dolorem inventore accusamus mollitia?</li>
</ol>
ul,
ol {
  margin: 0.75em 0;
  padding: 0 1em;
  list-style: none;
}
ul li::before {
  content: "";
  border-color: transparent #111;
  border-style: solid;
  border-width: 0.35em 0 0.35em 0.45em;
  display: block;
  height: 0;
  width: 0;
  left: -1em;
  top: 0.9em;
  position: relative;
}

ol li::marker {
  content: "▶";
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.