tor-browser

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

vertical-align-in-quirks-ref.html (1036B)

      1 <!DOCTYPE html>
      2 <style>
      3 div {
      4  font-size: 10px;
      5  line-height: 50px;
      6  border: 1px solid blue;
      7 }
      8 img {
      9  width: 1em;
     10  height: 2em;
     11  background: orange;
     12  border: 1px solid black;
     13 }
     14 .text-top {
     15  vertical-align: text-top;
     16 }
     17 .text-bottom {
     18  vertical-align: text-bottom;
     19 }
     20 .top {
     21  vertical-align: top;
     22 }
     23 .bottom {
     24  vertical-align: bottom;
     25 }
     26 </style>
     27 <body>
     28  <div>
     29    <img class="text-top" src="/css/support/60x60-red.png">Y
     30  </div>
     31  <div>
     32    <img class="text-bottom" src="/css/support/60x60-red.png">Y
     33  </div>
     34  <div>
     35    <img class="top" src="/css/support/60x60-red.png">Y
     36  </div>
     37  <div>
     38    <img class="bottom" src="/css/support/60x60-red.png">Y
     39  </div>
     40  <div>
     41    <img class="text-top" src="/css/support/60x60-red.png"><span>Y</span>
     42  </div>
     43  <div>
     44    <img class="text-bottom" src="/css/support/60x60-red.png"><span>Y</span>
     45  </div>
     46  <div>
     47    <img class="top" src="/css/support/60x60-red.png"><span>Y</span>
     48  </div>
     49  <div>
     50    <img class="bottom" src="/css/support/60x60-red.png"><span>Y</span>
     51  </div>
     52 </body>