.my-list-first {
    counter-reset: item 1;
    list-style-type: none;
    list-style-position: outside;
    padding-left: 0;
}

.my-list {
    counter-reset: item;
    list-style-type: none;
}

.my-list > li {
    counter-increment: item;
}

.my-list-first > li {
    counter-increment: item;
}

.my-list > li::marker {
    content: counters(item, '.') '. ';
}