在 HTML 表格中对齐复选框时遇到问题

Question

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

<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