Prawe wyrównanie jednej kolumny i wyrównanie lewej drugiej, w ramach jednej tabeli

Question

Utworzono tabelę html z 2 kolumnami. Chcę, aby pierwsza kolumna zawierająca tekst była wyrównana do prawej, ale chcę, aby druga kolumna pozostała wyrównana do lewej, ponieważ zawiera pola wyboru. Dla prezentacji będzie wyglądać, ale nie mam pojęcia. Próbowałem stworzyć td class = "column1", a następnie text-align: right; w CSS, ale bez powodzenia.

Wszelkie pomysły będą mile widziane.

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

Proszę, to powinno działać :)

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