tor-browser

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

flexbox_align-items-baseline.html (784B)

      1 <!DOCTYPE html>
      2 <title>flexbox | align-items: baseline</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/#align-items-property">
      5 <link rel="match" href="flexbox_align-items-baseline-ref.html">
      6 <style>
      7 div {
      8 background: blue;
      9 margin: 1em 0;
     10 border: 1px solid black;
     11 height: 6em;
     12 width: 30em;
     13 
     14 display: flex;
     15 align-items: baseline;
     16 }
     17 span {
     18 background: white;
     19 margin: 0 1em;
     20 width: 8em;
     21 height: 2em;
     22 display: inline-block;
     23 
     24 flex: none;
     25 }
     26 span:nth-child(1) {background: yellow;}
     27 span:nth-child(2) {
     28 background: pink;
     29 margin-top: 1em;
     30 height: 3em;
     31 }
     32 span:nth-child(3) {
     33 background: lightblue;
     34 height: 4em;
     35 }
     36 </style>
     37 
     38 <div>
     39 <span>one</span>
     40 <span>two</span>
     41 <span>three</span>
     42 </div>