flexbox_order-box-ref.html (496B)
1 <!DOCTYPE html> 2 <title>flexbox | flex-flow: column-reverse wrap-reverse; order</title> 3 <link rel="author" href="http://opera.com" title="Opera Software"> 4 <style> 5 div { 6 background: blue; 7 margin: 1em; 8 border: 1px solid black; 9 } 10 div div { 11 background: yellow; 12 display: inline-block; 13 } 14 span { 15 background: white; 16 margin: 1em; 17 width: 8em; 18 height: 1.2em; 19 display: inline-block; 20 } 21 </style> 22 23 <div> 24 <div><span>three</span><span>four</span></div><div><span>one</span><span>two</span></div> 25 </div>