右对齐一列，左对齐另一个，在一个表内

Question

我已经创建了一个2列的html表。我希望包含文本的第一列右对齐，但我希望第二列保持左对齐，因为它包含复选框。为了演示，它会看起来，但我不知道。我曾尝试创建一个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>