tor-browser

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

vertical-align-top-bottom-padding.html (846B)


      1 <!DOCTYPE html>
      2 <link rel="match" href="vertical-align-top-bottom-padding-ref.html">
      3 <link rel="help" href="https://drafts.csswg.org/css2/visudet.html#propdef-vertical-align" />
      4 <link rel="author" href="kojii@chromium.org">
      5 <style>
      6 div {
      7  margin-top: 50px;
      8  font-size: 10px;
      9  line-height: 1;
     10 }
     11 
     12 .inline-block {
     13  display: inline-block;
     14  height: 30px;
     15  width: 30px;
     16  background: blue;
     17 }
     18 
     19 .top .padding {
     20  padding-top: 20px;
     21 }
     22 
     23 .top .inline-block {
     24  vertical-align: top;
     25 }
     26 
     27 .bottom .padding {
     28  padding-bottom: 20px;
     29 }
     30 
     31 .bottom .inline-block {
     32  vertical-align: bottom;
     33 }
     34 
     35 </style>
     36 <body>
     37  <div class="top">
     38    <span class="padding">
     39      Next
     40      <span class="inline-block"></span>
     41    </span>
     42  </div>
     43  <div class="bottom">
     44    <span class="padding">
     45      Next
     46      <span class="inline-block"></span>
     47    </span>
     48  </div>
     49 </body>