html - 无法对齐 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