CSS lists - Text as List Item Marker Example

<!Doctype HTML>
<html>
<head>
<title>CSS lists - Text as List Item Marker Example</title>
<style>
ul {
	list-style: none;
}
ul li{
  margin-bottom: 10px;
}
ul li:before{
	content: "xxx";
	background-color: #3949ab;
	border-radius: 5px;
	padding: 5px;
	color: #fff;
	margin-right: 15px;
}
</style>
</head>
<body>
	<h2>CSS lists - Text 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>