tor-browser

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

flexbox_order-abspos-space-around.html (674B)

      1 <!DOCTYPE html>
      2 <title>flexbox | order; justify-content: space-around</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-abspos-space-around-ref.html">
      6 <style>
      7 div {
      8 background: blue;
      9 border: 1px solid black;
     10 width: 27em;
     11 height: 8em;
     12 position: relative;
     13 
     14 display: flex;
     15 justify-content: space-around;
     16 }
     17 span {
     18 background: yellow;
     19 width: 5em;
     20 flex: 0 0 auto;
     21 }
     22 #test {
     23 position: absolute;
     24 right: 0;
     25 order: -1;
     26 }
     27 </style>
     28 
     29 <div>
     30 <span>filler</span>
     31 <span id="test"></span>
     32 <span>filler</span>
     33 <span>filler</span>
     34 </div>