24 lines
486 B
HTML
24 lines
486 B
HTML
<!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>
|