<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;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.