하나의 열에서 오른쪽으로 정렬하고 다른 하나의 테이블에서 왼쪽으로 정렬합니다.

Question

두 개의 열이있는 html 테이블을 만들었습니다. 텍스트를 포함하는 첫 번째 열을 오른쪽으로 정렬하려면 원하지만 두 번째 열에는 확인란이 포함되어 있으므로 왼쪽으로 정렬되기를 원합니다. 프리젠 테이션을 위해서는 보일 수도 있지만 묵상은 아닙니다. 나는 td class = "column1"을 만들고 텍스트 정렬을 시도했다 : 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>