tor-browser

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

sizing-orthog-prct-htb-in-vlr-005-ref.xht (1861B)


      1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
      2 
      3 <html xmlns="http://www.w3.org/1999/xhtml">
      4 
      5  <head>
      6 
      7   <title>CSS Reftest Reference</title>
      8 
      9   <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
     10 
     11   <meta name="DC.date.created" content="2016-12-27T09:54:03+11:00" scheme="W3CDTF" />
     12   <meta name="DC.date.modified" content="2017-01-08T09:54:03+11:00" scheme="W3CDTF" />
     13 
     14 
     15   <style type="text/css"><![CDATA[
     16   body
     17     {
     18       font-size: 16px;
     19       line-height: 1.25; /* therefore, each line box is 20px tall */
     20       margin: 8px 0px;
     21     }
     22 
     23   table
     24     {
     25       border-spacing: 0px;
     26       position: absolute;
     27       width: calc(52px + 35px + 50vw + 35px + 52px);
     28       /*
     29         52px : offsetWidth of sentence-before
     30         35px : left border
     31         50vw : content width of tested orthogonal block
     32         35px : right border
     33         52px : offsetWidth of sentence-after
     34       */
     35     }
     36 
     37   td
     38     {
     39       padding: 0px;
     40       vertical-align: top;
     41     }
     42 
     43   td#after, td#before
     44     {
     45       width: 52px;
     46     }
     47 
     48   p#sentence-after, p#sentence-before
     49     {
     50       writing-mode: vertical-lr;
     51     }
     52 
     53   td#data
     54     {
     55       border: blue solid 35px;
     56       display: block;
     57     }
     58   ]]></style>
     59  </head>
     60 
     61  <body>
     62 
     63   <table>
     64 
     65     <tr>
     66 
     67       <td id="before"><p id="sentence-before">Sentence&nbsp;before.</p></td>
     68 
     69       <td id="data">01 02 03 04 05 06 07 08 09 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 00</td>
     70 
     71       <td id="after"><p id="sentence-after">Sentence&nbsp;after.</p></td>
     72 
     73     </tr>
     74 
     75   </table>
     76 
     77  </body>
     78 </html>