Styling numbers of ordered list

Sometimes I need to make the numbers of an ordered list in different color, size, or whatever. Here is a short starter snippet that does that magic.

ol {
	width: 400px;
	margin-left: 50px;
	padding-left: 20px;
}

li {
	font-family: 'Indie Flower', sans-serif;
	font-size: 2em;
	color: red;
}

p {
	margin-top: 14px;
	margin-left: -5px;

	display: inline-block;
	vertical-align: text-top;

	font-family: Arial, sans-serif;
	font-size: 0.5em;
	line-height: 1.5;
	color: black;
}

DEMO & DOWNLOAD

style ordered list

Leave a Reply

Your email address will not be published. Required fields are marked *