Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE HTML>
<html>
<head>
<title>Reference for reordered 'li' flex items</title>
<style>
.container {
display: flex;
flex-direction: column;
}
</style>
</head>
<body>
<ol class="container">
<div>4. List item 4</div>
<div>2. List item 2</div>
<div>3. List item 3</div>
<div>5. List item 5</div>
<div>6. List item 6</div>
<div>8. List item 8</div>
<div>1. List item 1</div>
<div>7. List item 7</div>
</ol>
</body>
</html>