List Style Counter

2 TITLE
2.1
2.2
2.3

<style type="text/css">
.custom ol {
counter-reset: item;
padding-left: 0px;
}
.custom li {
display: block;
margin-bottom: 8px;
margin-left: 40px;
}
.custom li:before {
content: counters(item, ".") " ";
counter-increment: item;
margin-left: -45px;
margin-right: 20px;
}
.custom ol > li.hehe:before {
content: "Section " counter(item);
font-weight: bold;
font-size: 18px;
margin-left: -5px;
}
.hehe{
margin-top: 30px;
margin-bottom: 10px;
}
p{
margin-bottom: 8px;
}

</style>
<div class="custom">
<ol>
<li class="hehe">
<p>Definitions / Interpretations</p>
<ol style="list-style: decimal;">
<li>Content</li>
<li>Content</li>
<li>Content</li>
<li>Content</li>
<li>Content</li>
<li>Content</li>
</ol>
</li>
</ol>
</div>

Tinggalkan Komentar

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

×