tor-browser

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

table-cell-align-001-ref.html (986B)

      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 }
     13 
     14 td {
     15  width: 2em;
     16  padding: 0;
     17  color: green;
     18 }
     19 
     20 td > div {
     21  position: relative;
     22 }
     23 
     24 .left {
     25  left: 0;
     26 }
     27 .center {
     28  left: 0.5em;
     29 }
     30 .right {
     31  left: 1em;
     32 }
     33 </style>
     34 
     35 <table>
     36 <tr>
     37  <td><div class=left>X</div></td>
     38 </tr>
     39 <tr>
     40  <td><div class=center>X</div></td>
     41 </tr>
     42 <tr>
     43  <td><div class=right>X</div></td>
     44 </tr>
     45 <tr>
     46  <td><div class=left>X</div></td>
     47 </tr>
     48 <tr>
     49  <td><div class=right>X</div></td>
     50 </tr>
     51 </table>
     52 <br>
     53 <table>
     54 <tr>
     55  <td><div class=left>X</div></td>
     56 </tr>
     57 <tr>
     58  <td><div class=center>X</div></td>
     59 </tr>
     60 <tr>
     61  <td><div class=right>X</div></td>
     62 </tr>
     63 <tr>
     64  <td><div class=right>X</div></td>
     65 </tr>
     66 <tr>
     67  <td><div class=left>X</div></td>
     68 </tr>
     69 </table>