Allineamento a destra di una colonna e allineamento a sinistra dell'altro, all'interno di una tabella

Question

Ho creato una tabella html con 2 colonne. Voglio che la prima colonna che contiene il testo sia allineata a destra, ma voglio che la seconda colonna rimanga allineata a sinistra in quanto contiene le caselle di controllo. Per la presentazione sembrerebbe, ma non ho idea. Ho provato a creare una classe td = "column1", quindi text-align: right; nel CSS ma senza fortuna.

Qualsiasi idea sarebbe molto apprezzata.

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

Qui si va, questo dovrebbe funzionare :)

<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>