tor-browser

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

letter-spacing-200.html (2125B)

      1 <!DOCTYPE html>
      2 <html  lang="en" >
      3 <meta charset="utf-8">
      4 <title>letter-spacing at line endings (letters)</title>
      5 <link rel='author' title='Elika J. Etemad' href='http://fantasai.inkedblade.net/contact'>
      6 <link rel='help' href='https://www.w3.org/TR/css-text-3/#letter-spacing'>
      7 <link rel='match' href='reference/letter-spacing-200-ref.html'>
      8 <meta name="assert" content="Letter spacing is not applied at the start/end of a line.">
      9 <style type='text/css'>
     10  @import "/fonts/ahem.css";
     11  .contain {
     12    font: 20px/1 Ahem;
     13    width: 5em;
     14    border: solid blue;
     15    margin: 1em;
     16    float: left; }
     17  span, .test {
     18    letter-spacing: 1em;
     19  }
     20  .pre, .control p {
     21    white-space: pre-wrap;
     22  }
     23  p { margin: 0; }
     24 </style>
     25 
     26 <div id='instructions'>Test passes if the pattern is identical in all four blue boxes.</div>
     27 
     28 <!-- Letter-spacing on Containing Block -->
     29 <div class="contain">
     30  <!-- single line block test -->
     31  <p class="test">1 2</p>
     32  <!-- start/end line wrap test -->
     33  <p class="test">12三456七89</p>
     34  <!-- start/end forced line breaks test -->
     35  <p class="test">123<br>4 5<br>678</p>
     36  <p class="test pre">123&#x0A;4 5&#x0A;678</p>
     37 </div>
     38 
     39 <!-- Line Endings Coinciding with Inline Element Boundary (Internal Break) -->
     40 <div class="contain">
     41  <!-- single line block test -->
     42  <p><span>1 2</span></p>
     43  <!-- start/end line wrap test -->
     44  <p>1 2 三<span>456</span>七 8 9</p>
     45  <!-- start/end forced line breaks test -->
     46  <p>1 2 3<span><br>4 5<br></span>6 7 8</p>
     47  <p class="pre">1 2 3<span>&#x0A;4 5&#x0A;</span>6 7 8</p>
     48 </div>
     49 
     50 <!-- Line Endings Coinciding with Inline Element Boundary (External Break) -->
     51 <div class="contain">
     52  <!-- duplicate single line block test -->
     53  <p><span>1 2</span></p>
     54  <!-- start/end line wrap test -->
     55  <p>1 2 三<span>456</span>七 8 9</p>
     56  <!-- start/end forced line breaks test -->
     57  <p>1 2 3<br><span>4 5</span><br>6 7 8</p>
     58  <p class="pre">1 2 3&#x0A;<span>4 5</span>&#x0A;6 7 8</p>
     59 </div>
     60 
     61 <!-- Control -->
     62 <div class="contain control">
     63  <p>1   2</p>
     64  <p>1 2 三<br>4 5 6<br>七 8 9</p>
     65  <p>1 2 3<br>4   5<br>6 7 8</p>
     66  <p>1 2 3<br>4   5<br>6 7 8</p>
     67 </div>