<ol reversed class="reversed">
	<li>Apples</li>
	<li>Oranges</li>
	<li>Pears</li>
	<li>Lemons</li>
</ol>
.reversed {
	display: flex;
	flex-direction: column;
	flex-direction: column-reverse;
}

body {
	margin: 2rem;
	font-size: 1.5rem;
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.