JSFiddle - React, Tailwind, and code Playground

CSS

html {
	margin:1em 0 0 40px;
	counter-reset: list;
    font:16px 'Times New Roman', serif;
	color:#000;
	background:#fff;
}

html > * {
    display: list-item;
    margin: 0;
	list-style:disc;
}

html > *:before {
    content: "Пункт " counter(list);
    counter-increment:list;
}

html > *:after {
    display: block;
    margin: 0 0 0 20px;
    white-space: pre;
    counter-increment: sublist;
    content: "◦  Подпункт " counter(list) ".1\0A"
             "◦  Подпункт " counter(list) ".2";
}