tor-browser

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

text-box-trim-height-002-ref.html (786B)

      1 <!DOCTYPE html>
      2 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
      3 <style>
      4 .spacer {
      5  background: lightgray;
      6  block-size: 20px;
      7 }
      8 .max-height > .spacer:first-child {
      9  margin-top: 80px; /* avoid overlap */
     10 }
     11 
     12 .target {
     13  font: 100px/1 Ahem;
     14 }
     15 
     16 .height > .target,
     17 .min-height > .target {
     18  padding-top: 40px;
     19  height: 80px;
     20 }
     21 
     22 .max-height > .target {
     23  margin-top: -70px;
     24  height: 80px;
     25 }
     26 </style>
     27 
     28 <div class="height">
     29  <div class="spacer"></div>
     30  <div class="target">ApÉx</div>
     31  <div class="spacer"></div>
     32 </div>
     33 
     34 <div class="min-height">
     35  <div class="spacer"></div>
     36  <div class="target">ApÉx</div>
     37  <div class="spacer"></div>
     38 </div>
     39 
     40 <div class="max-height">
     41  <div class="spacer"></div>
     42  <div class="target">ApÉx</div>
     43  <div class="spacer"></div>
     44 </div>