CSS lists - An Icon as List Item Marker Example

<!Doctype HTML>
<html>
<head>
<title>CSS lists - An Icon as List Item Marker Example</title>
<script src="https://kit.fontawesome.com/0028463084.js" crossorigin="anonymous"></script>
<style>
ul {
	list-style: none;
}
ul li:before{
	font-family: "Font Awesome 5 Free";
	content: "\f0eb";
	color: #3949ab;
	margin-right: 15px;
}
</style>
</head>
<body>
	<h2>CSS lists - An Icon as List Item Marker Example</h2>
	<hr>
	Top 5 Richest Cites in the world:<br>
	<ul>
	<li>California</li>
	<li>Toronto</li>
	<li>Paris</li>
	<li>London</li>
	<li>San Francisco</li>
	</ul>
</body>
</html>