tor-browser

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

word-spacing-characters-001-ref.xht (3104B)

      1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
      2                       "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
      3 <html xmlns="http://www.w3.org/1999/xhtml">
      4  <head>
      5   <title>test reference</title>
      6   <style type="text/css">
      7     div {
      8       margin: 1em;
      9       font-family: monospace;
     10       page-break-inside: avoid;
     11     }
     12     div p {
     13       margin: 0;
     14     }
     15     .controlcontrol {
     16       background: orange;
     17       width: 4em;
     18     }
     19 
     20     .control span {
     21       background: blue;
     22       color: blue;
     23     }
     24     .spacer {
     25       padding-left: 4em;
     26     }
     27     .test span {
     28       background: orange;
     29       color: orange;
     30     }
     31     .ws-pre p {
     32       white-space: pre;
     33     }
     34   </style>
     35  </head>
     36  <body>
     37    <p>In each of the following pairs, the blue and orange bars must have equal lengths.</p>
     38 
     39     <div>
     40       <p class="control"><span class="spacer"></span>&nbsp;</p>
     41       <p class="controlcontrol">&nbsp;</p>
     42     </div>
     43 
     44    <div class="ws-normal">
     45      <p class="control"><span>A <span class="spacer"></span>B</span></p>
     46      <p class="test"><span>A <span class="spacer"></span>B</span></p>
     47    </div>
     48    <div class="ws-normal">
     49      <p class="control"><span>A <span class="spacer"></span>B</span></p>
     50      <p class="test"><span>A <span class="spacer"></span>B</span></p>
     51    </div>
     52    <div class="ws-pre">
     53      <p class="control"><span>A <span class="spacer"></span> <span class="spacer"></span>B</span></p>
     54      <p class="test"><span>A <span class="spacer"></span> <span class="spacer"></span>B</span></p>
     55    </div>
     56 
     57    <div class="ws-normal">
     58      <p class="control"><span>A&nbsp;<span class="spacer"></span>B</span></p>
     59      <p class="test"><span>A&nbsp;<span class="spacer"></span>B</span></p>
     60    </div>
     61    <div class="ws-normal">
     62      <p class="control"><span>A&nbsp;&nbsp;<span class="spacer"></span><span class="spacer"></span>B</span></p>
     63      <p class="test"><span>A&nbsp;&nbsp;<span class="spacer"></span><span class="spacer"></span>B</span></p>
     64    </div>
     65    <div class="ws-pre">
     66      <p class="control"><span>A&nbsp;&nbsp;<span class="spacer"></span><span class="spacer"></span>B</span></p>
     67      <p class="test"><span>A&nbsp;&nbsp;<span class="spacer"></span><span class="spacer"></span>B</span></p>
     68    </div>
     69 
     70    <div class="ws-normal">
     71      <p class="control"><span>A&nbsp; &nbsp; <span class="spacer"></span><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span>B</span></p>
     72      <p class="test"><span>A&nbsp; &nbsp; <span class="spacer"></span><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span>B</span></p>
     73    </div>
     74    <div class="ws-pre">
     75      <p class="control"><span>A&nbsp;  &nbsp;  <span class="spacer"></span><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span>&#09;B</span></p>
     76      <p class="test"><span>A&nbsp;  &nbsp;  <span class="spacer"></span><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span><span class="spacer"></span>&#09;B</span></p>
     77    </div>
     78 
     79  </body>
     80 </html>