флажок не выравнивается по левому краю

Question

В моем весеннем приложении я использую тимили и хочу, чтобы флажок был выровнен по левому краю. В моем шаблоне:

<div class="container">
    <h3 th:text="*{title}"/>
    <form method="post" action="#" th:object="${user}" th:action="@{/user}">
        <table cellspacing="10">               
            <tr align="left">
                <td align="right"><label for="active">Active</label></td>
                <td align="left"><input type="checkbox" align="left" placeholder="active" id="active"
                                        th:field="*{active}"
                                        th:readonly="${isView}"/></td>
            </tr>                
            <tr>
                <td><input type="hidden" id="created" th:field="*{created}"/></td>
            </tr>
        </table>
        <input th:type="${isView} ? hidden : submit" value="Submit"/>
    </form>
</div>

Как видите, я использую align=left, но это не помогает.

Answer 1

попробуйте это:

 input:not([type="checkbox"]) {
    width: 300;
}

Answer 2

Используйте атрибут colspan в таких условиях:

<td colspan="2">
<label for="active">Active</label>
<input type="checkbox" align="left" placeholder="active" id="active" th:field="*{active}" th:readonly="${isView}"/>
</td>