Bir sütunu hizalama ve sola hizalama, diğerini hizalama, bir tabloda

Question

2 sütun içeren bir html tablosu oluşturdum. İlk sütun içeren metni doğru hizalanmış olmasını istiyorum, ancak ikinci sütunun onay kutularını içerdiğinden sola hizalı kalmasını istiyorum. Sunum için görünüyordu, ama hiçbir fikrim yok. Bir td class = "column1" oluşturmayı denedim, ardından text-align: right; CSS'de ama şans yok.

Herhangi bir fikir çok takdir edilecektir.

HTML

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

CSS bakalım

td.column1 { 
    text-align: right; 
} 

Answer 1

, bu çalışması gerekir :)

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