Untitled

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		.page-list {
			counter-reset: section;
			list-style-type: none;
		}
		.page-list-item {
			list-style: none;
		}
		.page-list-item:before {
			content: '';
			background: url(icon.png) no-repeat;
			width: 1em;
			height: 1em;
			padding-left: 1.5em;
		}
		.page-list-item > a:before {
			counter-increment: section;
			content: counter(section)". ";
		}
	</style>
</head>
<body>
	<ol class="page-list">
		<li class="page-list-item">
			<a href="#">AAAA</a>
		</li>
		<li class="page-list-item">
			<a href="#">BBBB</a>
		</li>
		<li class="page-list-item">
			<a href="#">CCCC</a>
		</li>
	</ul>
</body>
</html>