table-cell-align-005-ref.html (1241B)
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: 40px/1 Ahem; 11 border: 1px solid gray; 12 } 13 14 td { 15 height: 2em; 16 padding: 0; 17 color: green; 18 vertical-align: top; 19 } 20 21 td div { 22 position: relative; 23 } 24 25 .t { 26 top: 0; 27 } 28 .m { 29 top: 0.5em; 30 } 31 .b { 32 top: 1em; 33 } 34 </style> 35 36 <table> 37 <tr> 38 <td><div class=t>X</div></td> 39 <td><div class=m>X</div></td> 40 <td><div class=b>X</div></td> 41 <td><div class=t>X</div></td> 42 <td><div class=b>X</div></td> 43 </tr> 44 </table> 45 <br> 46 <table> 47 <tr> 48 <td><div class=t>X</div></td> 49 <td><div class=m>X</div></td> 50 <td><div class=b>X</div></td> 51 <td><div class=b>X</div></td> 52 <td><div class=t>X</div></td> 53 </tr> 54 </table> 55 <br> 56 <table> 57 <tr> 58 <td><div class=t>X</div></td> 59 <td><div class=m>X</div></td> 60 <td><div class=b>X</div></td> 61 <td><div class=t>X</div></td> 62 <td><div class=b>X</div></td> 63 </tr> 64 </table> 65 <br> 66 <table> 67 <tr> 68 <td><div class=t>X</div></td> 69 <td><div class=m>X</div></td> 70 <td><div class=b>X</div></td> 71 <td><div class=b>X</div></td> 72 <td><div class=t>X</div></td> 73 </tr> 74 </table>