将HTML复选框移到其左侧'；s宽度

我不能使用任何JavaScript，如果可能的话，我想用CSS回答。我在表格中有以下复选框：

<label for="autologin">Remember Me</label>
<input type="checkbox" class="checkbox" id="autologin" name="autologin" value="1">
<div class="clear"></div>

我可以向复选框添加什么CSS，使其显示在200px宽度的左侧？我对浮动（特别是垂直对齐）有点困难，但我听说这是正确的做法。

---

编辑：好的，所以很多人建议不要将输入浮动到右边。如果是这样的话，我可能根本不使用float，只需设置标签的宽度，并在每行后面加一个
。这是可以接受的做法，还是我只是错过了在这里使用浮动？

一个表格就可以了，因为您有（用户提供的）表格数据。这也将解决您的垂直对齐问题

---

不幸的是，您不能将复选框放在其宽度的左侧。就个人而言，我建议避免在不指定

[type=something]

的情况下设置

输入的样式。但是，如果您使用大量HTML5输入类型，例如
电子邮件
，
数字
，
url
等，那么您可能会发现将所有
输入设置为一种方式很有用，然后对
[type=radio]
使用
宽度：auto
和
[type=checkbox]
将其宽度设置为20px，这就解决了问题。它不需要是200像素，是吗？
不要“将其移动到其宽度的左侧”-让它指定自己的宽度，然后在右侧添加填充（如果需要）。但从你的设计来看，你没有

input[type=checkbox]{width:auto}
如果使用float属性，则必须为表单容器提供宽度
 您应该删除
float:right和
宽度：200px在
输入中
类声明。我将为所有标签（即200px）设置宽度，以对齐第二列

label {
    float: left;
    margin: 5px 0px;
    width: 200px; 
}

input {
    /*float: left;*/   /* This will also work. */
    margin: 5px 0px;
}

.clear {
    clear: both;
}

请参见
我认为导致复选框居中的问题是，因为您设置了输入
宽度：200px
，所以您需要做的就是根据其id（autologin）将
宽度：auto
添加到复选框中。您还需要为复选框创建一个div容器。以下是HTML：

<label for="autologin">Remember Me</label>
<div id='check'><input type="checkbox" class="checkbox" id="autologin" name="autologin" value="1"></div>
<div class="clear"></div>

希望有帮助：）
试试这个，这是演示

您不能对齐或更改复选框的方向，因为它没有附件，只是一个框

为了做到这一点，只需将其放在div中，并赋予div以下样式：

.checkDIV
{
    text-align:left;
}

例如：

<div align="center" class="checkDIV">
    <input type="checkbox" class="checkbox" id="autologin" name="autologin" value="1">
</div>



label {
    float:left;
    margin: 5px 0px;
}

input {
    // float right;
    margin: 5px 0px;
    width: 200px;

}

.clear {
    clear: both;
}

.checkDIV
{
    text-align:left;
}

<div align="center" class="checkDIV">
    <input type="checkbox" class="checkbox" id="autologin" name="autologin" value="1">
</div>