is it possible to have my ordered list in the following format?
heading
1.1. text...
1.2. text
1.2.1 text
Another heading
1.3. text
1.3.1. text
1.3.2. text
1.4. text
Is that possible? Thank you
-
This might help. stackoverflow.com/questions/4615500/…dommer– dommer2015-10-08 17:18:23 +00:00Commented Oct 8, 2015 at 17:18
-
This was already answered here: stackoverflow.com/questions/4098195/…user5424327– user54243272015-10-08 17:21:13 +00:00Commented Oct 8, 2015 at 17:21
Add a comment
|
2 Answers
ol { counter-reset: item }
li { display: block }
li:before { content: counters(item, ".") " "; counter-increment: item }<ol>
<li> Cat</li>
<li>Bat</li>
<li>Mat
<ol>
<li>Red Mat</li>
<li>Green Mat</li>
</ol>
</li>
<li>Pat</li>
</ol>
1 Comment
user1012181
@user3054465: Let me know if this helped you.
.contract ol {
counter-reset: item
}
.contract li.paragraph {
counter-increment: item;
}
.contract li li.paragraph:before {
content: counters(item, ".")" ";
}
.contract li {
list-style-type: none;
}
.contract ol {
padding-left: 0;
}<section class="contract">
<ol>
<li class="paragraph">
<ol>
<li>
<h2>Heading</h2>
</li>
<li class="paragraph">text</li>
<li class="paragraph">text
<ol>
<li class="paragraph">text</li>
</ol>
</li>
<li>
<h2>Another heading</h2>
</li>
<li class="paragraph">text
<ol>
<li class="paragraph">text</li>
<li class="paragraph">text</li>
</ol>
</li>
<li class="paragraph">text</li>
</ol>
</li>
</ol>
</section>