mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-23 18:26:15 +00:00
25 lines
486 B
HTML
25 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>
|