tor-browser

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

table-cell-align-006-ref.html (2228B)

      1 <!DOCTYPE html>
      2 <meta charset="utf-8">
      3 <title>CSS Writing Modes reference: text-align in orthogonal table cell</title>
      4 
      5 <meta name="flags" content="ahem" />
      6 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" />
      7 
      8 <style>
      9 table {
     10  font: 20px/1 Ahem;
     11  border: 1px solid gray;
     12  display: inline-table;
     13  margin: 1em;
     14 }
     15 
     16 td {
     17  padding: 0;
     18  color: green;
     19  vertical-align: top;
     20 }
     21 
     22 td div {
     23  position: relative;
     24 }
     25 
     26 .t {
     27  top: 0;
     28 }
     29 .m {
     30  top: 2em;
     31 }
     32 .b {
     33  top: 4em;
     34 }
     35 </style>
     36 
     37 <div>
     38 <table>
     39 <tr>
     40  <td>X<br>X<br>X<br>X<br>X</td>
     41  <td><div class=t>X</div></td>
     42  <td><div class=m>X</div></td>
     43  <td><div class=b>X</div></td>
     44  <td><div class=t>X</div></td>
     45  <td><div class=b>X</div></td>
     46  <td>X<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>X</td>
     47 </tr>
     48 </table>
     49 <table>
     50 <tr>
     51  <td>X<br>X<br>X<br>X<br>X</td>
     52  <td><div class=t>X</div></td>
     53  <td><div class=m>X</div></td>
     54  <td><div class=b>X</div></td>
     55  <td><div class=b>X</div></td>
     56  <td><div class=t>X</div></td>
     57  <td>X<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>X</td>
     58 </tr>
     59 </table>
     60 </div>
     61 
     62 <div>
     63 <table>
     64 <tr>
     65  <td>X<br>X<br>X<br>X<br>X</td>
     66  <td><div class=b>X</div></td>
     67  <td><div class=m>X</div></td>
     68  <td><div class=t>X</div></td>
     69  <td><div class=b>X</div></td>
     70  <td><div class=t>X</div></td>
     71  <td>X<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>X</td>
     72 </tr>
     73 </table>
     74 <table>
     75 <tr>
     76  <td>X<br>X<br>X<br>X<br>X</td>
     77  <td><div class=b>X</div></td>
     78  <td><div class=m>X</div></td>
     79  <td><div class=t>X</div></td>
     80  <td><div class=t>X</div></td>
     81  <td><div class=b>X</div></td>
     82  <td>X<br>&nbsp;<br>&nbsp;<br>&nbsp;<br>X</td>
     83 </tr>
     84 </table>
     85 </div>
     86 
     87 <div>
     88 <table>
     89 <tr><td>XXXXX</td></tr>
     90 <tr><td>X&nbsp;&nbsp;&nbsp;&nbsp;</td></tr>
     91 <tr><td>&nbsp;&nbsp;X&nbsp;&nbsp;</td></tr>
     92 <tr><td>&nbsp;&nbsp;&nbsp;&nbsp;X</td></tr>
     93 <tr><td>X&nbsp;&nbsp;&nbsp;&nbsp;</td></tr>
     94 <tr><td>&nbsp;&nbsp;&nbsp;&nbsp;X</td></tr>
     95 <tr><td>X&nbsp;&nbsp;&nbsp;X</td></tr>
     96 </table>
     97 <table>
     98 <tr><td>XXXXX</td></tr>
     99 <tr><td>X&nbsp;&nbsp;&nbsp;&nbsp;</td></tr>
    100 <tr><td>&nbsp;&nbsp;X&nbsp;&nbsp;</td></tr>
    101 <tr><td>&nbsp;&nbsp;&nbsp;&nbsp;X</td></tr>
    102 <tr><td>&nbsp;&nbsp;&nbsp;&nbsp;X</td></tr>
    103 <tr><td>X&nbsp;&nbsp;&nbsp;&nbsp;</td></tr>
    104 <tr><td>X&nbsp;&nbsp;&nbsp;X</td></tr>
    105 </table>
    106 </div>