How i can make an ordered list in html which show this output?

Question

1 chapter 1
1.1 Data
1.2 information
1.3 Data processing
1.3.1 Capturing
1.3.2 Manipulation
1.3.3 Result

Answer 1

Like this?
https://stackoverflow.com/questions/10405945/html-ordered-list-1-1-1-2-nested-counters-and-scope-not-working

Answer 2

Write this code in html

<ol>
<li>chapter</li>
<ol>
<li>Data</li>
<li>information</li>
<li>Data processing</li>
<ol>
<li>Capturing</li>
<li>Manipulation</li>
<li>Result</li>
</ol>
</ol>
</ol>

And this in css-

ol {
counter-reset: item;
}

ol > li {
counter-increment: item;
}

ol ol > li {
display: block;
}

ol ol > li:before {
content: counters(item, ".") ". ";
margin-left: -20px;
}