tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

flexbox_order-box.html (668B)


      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 <link rel="help" href="http://www.w3.org/TR/css-flexbox-1/#order-property">
      5 <link rel="match" href="flexbox_order-box-ref.html">
      6 <style>
      7 div {
      8 background: blue;
      9 margin: 1em;
     10 border: 1px solid black;
     11 display: flex;
     12 }
     13 div div {
     14 background: yellow;
     15 }
     16 span {
     17 background: white;
     18 margin: 1em;
     19 width: 8em;
     20 height: 1.2em;
     21 display: inline-block;
     22 }
     23 #test {
     24 order: -1;
     25 }
     26 </style>
     27 
     28 <div>
     29 <div>
     30 	<span>one</span>
     31 	<span>two</span>
     32 </div>
     33 
     34 <div id="test">
     35 	<span>three</span>
     36 	<span>four</span>
     37 </div>
     38 </div>