JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>	
<html>
<head>
	<meta charset="utf-8">
	<link rel="stylesheet" type="text/css" href="style.css">
	<title>list</title>
</head>
<body>
	<ol> <div class="title">First list starts from 1</div>
		<li>1</li>
		<li>2</li>
		<li>3</li>
		<li>4</li>
		<li>5</li>
	</ol>
	<ol class="second"> <div class="title">Second list starts from 6</div>
		<li>6</li>
		<li>7</li>
		<li>8</li>
		<li>9</li>
		<li>10</li>
	</ol>

</body>
</html>

CSS

body {font: 16px/20px Times;}
ol {list-style-type: decimal-leading-zero;margin-bottom: 10px;}
li {margin: 0 0 0 40px;}
ol li:first-child {margin-top: 15px;}