|
|
| Line 2: |
Line 2: |
| /* To make images responsive */ img { max-width:100%; height:auto; padding-top: 10px; padding-bottom: 10px; } | | /* To make images responsive */ img { max-width:100%; height:auto; padding-top: 10px; padding-bottom: 10px; } |
|
| |
|
| .nested li {
| | ol > li { |
| display: block;
| |
| position: relative;
| |
| }
| |
|
| |
|
| | list-style-type:decimal; |
|
| |
|
| .nested {
| |
| margin-bottom: 0;
| |
| counter-reset: number;
| |
| } | | } |
|
| |
|
| | ol > li > ol > li{ |
| | |
| | list-style-type:lower-alpha; |
|
| |
|
| .parent .nested {
| |
| counter-reset: letter;
| |
| } | | } |
|
| |
| .parent .nested li::before {
| |
| content: counter(number) "." counter(letter, lower-alpha);
| |
| counter-increment: letter;
| |
| }
| |
|
| |
|
| |
| .nested li::before {
| |
| content: counter(number) ".";
| |
| counter-increment: number;
| |
| position: absolute;
| |
| margin-right: 100%;
| |
| right: 10px;
| |
| }
| |
Revision as of 15:09, 13 May 2020
/* To make images responsive */ img { max-width:100%; height:auto; padding-top: 10px; padding-bottom: 10px; }
ol > li {
list-style-type:decimal;
}
ol > li > ol > li{
list-style-type:lower-alpha;
}
