I am trying to create a nested unordered list with specific numbering.
My goal is for the list to start at "1.2.1, 1.2.2, etc."
Please refer to the attached fiddle for reference.
The desired outcome is shown in the following image: https://i.stack.imgur.com/BR9ZI.png
OL { counter-reset: item; padding-left: 10px; }
LI { display: block }
LI:before { content: counters(item, ".") " "; counter-increment: item }
<html>
<head>
<style>
OL { counter-reset: item; padding-left: 10px; }
LI { display: block }
LI:before { content: counters(item, ".") " "; counter-increment: item }
</style>
</head>
<body>
<ol>
<li>three
<ol>
<li>three.one</li>
<li>three.two
<ol>
<li>three.two.one</li>
<li>three.two.two</li>
</ol>
</li>
</ol>
</li>
</ol>
</body>
</html>
Thank you!