tor-browser

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

letter-spacing-203-ref.html (1467B)


      1 <!DOCTYPE html>
      2 <html lang="en" >
      3 <meta charset="utf-8">
      4 <title>CSS Test Reference</title>
      5 <link rel='author' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact'>
      6 <style type='text/css'>
      7  @import "/fonts/ahem.css";
      8  .contain {
      9    font: 20px/1 Ahem;
     10    border: solid blue;
     11    margin: 1em;
     12    float: left; }
     13  .control p {
     14    white-space: pre-wrap;
     15  }
     16  p {
     17    letter-spacing: 0;
     18    margin: 0;
     19  }
     20 </style>
     21 
     22 <div id='instructions'>Test passes if the pattern is identical in both blue boxes.</div>
     23 
     24 <div class="contain control">
     25  <!-- middle owned by containing block: simple -->
     26  <p>AAA BBB</p>
     27  <p>A A AB B B</p>
     28  <!-- middle owned by containing block: double nesting -->
     29  <p>AAAB B B</p>
     30  <p>A A AB B B</p>
     31  <!-- middle owned by inline: simple -->
     32  <p>AAA BBB</p>
     33  <p>A A AB B B</p>
     34  <!-- middle owned by inline: double nesting -->
     35  <p>AAAB B B</p>
     36  <p>A A A   B B B</p>
     37  <!-- middle containing space -->
     38  <p>AAA   BBB</p>
     39  <p>AAA     B B B</p>
     40 </div>
     41 
     42 <div class="contain control">
     43  <!-- middle owned by containing block: simple -->
     44  <p>AAA BBB</p>
     45  <p>A A AB B B</p>
     46  <!-- middle owned by containing block: double nesting -->
     47  <p>AAAB B B</p>
     48  <p>A A AB B B</p>
     49  <!-- middle owned by inline: simple -->
     50  <p>AAA BBB</p>
     51  <p>A A AB B B</p>
     52  <!-- middle owned by inline: double nesting -->
     53  <p>AAAB B B</p>
     54  <p>A A A   B B B</p>
     55  <!-- middle containing space -->
     56  <p>AAA   BBB</p>
     57  <p>AAA     B B B</p>
     58 </div>