Counters to replace the start attribute

The example below is based on David Storey's Counters to replace the start attribute. There are adjustments I'd like to make:

• Using a class instead of nth-of-type gives you much more control over when numbering starts and finishes
• Adding a float to the generated list number means that all list items can be forced to line up neatly at the left edge - regardless of how long the generated number is.

CSS code

ol
{
	counter-reset: list-order;
	margin: 1em 0;
	padding: 0;
}

ol.two { counter-reset: list-order 1; }
ol.three { counter-reset: list-order 2; }
ol.four { counter-reset: list-order 3; }
ol.five { counter-reset: list-order 4; }
ol.six { counter-reset: list-order 5; }
ol.seven { counter-reset: list-order 6; }
ol.eight { counter-reset: list-order 7; }
ol.nine { counter-reset: list-order 8; }
ol.ten { counter-reset: list-order 9; }

ol li
{
	counter-increment: list-order;
	list-style-type: none;
	clear: left;
}

ol li:before
{
	content: counter(list-order) ".";
	float: left;
	width: 1.9em;
}

HTML markup

<ol class="four">
	<li>List item</li>
</ol>

Example in action

1. List item

1. List item

1. List item

1. List item

1. List item

1. List item

1. List item

1. List item

1. List item

1. List item