<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: "▶";
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.