1つの列を右揃えにし、残りの列を1つの表内で左揃えにします。

Question

2列のhtml表を作成しました。テキストを含む最初の列を右揃えにしたいが、チェックボックスが含まれているので、2番目の列を左揃えにしておきたい。プレゼンテーションのためにそれは見えるだろうが、アイデアは考えていない。私はtd class = "column1"を作成してからtext-align：rightを作成しようとしました。 CSSではなく運はありません。

アイデアをいただければ幸いです。

HTML

<td class="column1">Retrieve Logs:</td> 
<td class="column2"><input type=checkbox name="getcamlogs" checked="checked"></td> 

CSSここに行く

td.column1 { 
    text-align: right; 
} 

Answer 1

、これは動作するはずです:)

<style> 
    #mytable {width:500px; margin:0 auto;} 
    #mytable td {width:250px;} 
    #mytable .left {text-align:right; background:#333;} 
    #mytable .right {text-align:left; background:#666;} 
</style> 

<table id="mytable"> 
    <tr> 
     <td class="left">1</td> 
     <td class="right">2</td> 
    </tr> 
</table>