无法在HTML表格中对齐复选框

Question

我无法让checkboxes的第一列中的table在右侧对齐。

<form>
   <div>    
        <table>
            <th>Trail</th>
            <th>Year</th>
            <th>Mileage</th>
            <th>Direction</th>
            <tr>
                <td>
                    <label for="AT">AT</label>
                    <input type="checkbox" id="AT" name="AT"  value="Yes">
                </td>

我正在使用CSS代码：

input [type=checkbox] {
    text-align: right;
}

Answer 1

尝试这个

怎么样？

<table>
    <th>Trail</th>
    <th>Year</th>
    <th>Mileage</th>
    <th>Direction</th>
    <tr>
        <td>
            <input type="checkbox" id="AT" name="AT"  value="Yes"/>
            <label for="AT">AT</label>
        </td>

这是jsfidlle