<ul>
<li>One</li>
<li>Two</li>
<li>Three</li>
</ul>
<ol>
<li>One</li>
<li>Two</li>
<li>Three</li>
</ol>
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");
html,
body {
/* Additional styling */
margin: 0;
padding: 0;
height: 100vh;
width: 100vw;
display: flex;
justify-content: center;
align-items: center;
font-family: Roboto;
}
ul li::marker {
content: "❤️ ";
}
ol li {
counter-increment: itemCounter;
}
ol:first-child {
counter-reset: itemCounter;
}
ol li::marker {
content: "#" counter(itemCounter) " ";
font-weight: bold;
color: salmon;
width: 3em;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.