"I have a list of items, and I want to use CSS counters to number them. However, the numbering doesn't appear, and I'm scratching my head trying to figure out what's gone wrong.
This is my code
<!DOCTYPE html>
<html lang=""en"">
<head>
<meta charset=""UTF-8"">
<meta name=""viewport"" content=""width=device-width, initial-scale=1.0"">
<style>
body {
counter-reset: myCounter;
}
.numbered-list li {
list-style: none;
counter-increment: myCounter;
}
.numbered-list li::before {
content: counter(myCounter) "". "";
}
</style>
</head>
<body>
<ul class=""numbered-list"">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
</body>
</html>