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>