flexbox_direction-column-reverse-ref.html (477B)
1 <!DOCTYPE html> 2 <title>flexbox | flex-direction: column-reverse</title> 3 <link rel="author" href="http://opera.com" title="Opera Software"> 4 <style> 5 div { 6 background: blue; 7 margin: 1em 0; 8 border: 1px solid black; 9 } 10 span { 11 background: white; 12 margin: 1em; 13 width: 8em; 14 display: block; 15 } 16 .test { 17 background: #ffcc00; 18 } 19 span~span { 20 margin: 2em 1em 1em; 21 } 22 </style> 23 24 <div> 25 <span>filler</span> 26 <span>filler</span> 27 <span>filler</span> 28 <span class="test">filler</span> 29 </div>