JSFiddle - React, Tailwind, and code Playground

HTML

<html>
	<head>
		<style>
			ol { counter-reset: item; }
			
			ol > li{ display: block; counter-increment: item; }
			ol > li:before { content: counters(item, ".") " "; }
		</style>
	</head>
	<body>
		<ol>
			<li>One</li>
			<li>Two
				<ol>
					<li>Two One</li>
					<li>Two Two</li>
					<li>Two Three</li>
				</ol>
			</li>
			<li>Three</li>
			<li>Four</li>
		</ol>
		
		<div>
			<ol>
				<li>One</li>
				<li>Two
					<ol>
						<li>Two One</li>
						<li>Two Two</li>
						<li>Two Three</li>
					</ol>
				</li>
				<li>Three</li>
				<li>Four</li>
			</ol>
		</div>
	</body>
</html>