对齐li内的复选框和标签

Question

我有一个复选框及其标签，如下所示：

<ul>
    <li><label for="first_checkbox_btn">First</label> <input type="checkbox" id="first_checkbox_btn" name="choice" value="" /></li>
    <li><label for="second_checkbox_btn">First</label> <input type="checkbox" id="second_checkbox_btn" name="choice" value="" /></li>
    <li><label for="third_checkbox_btn">First</label> <input type="checkbox" id="third_checkbox_btn" name="choice" value="" /></li>
</ul>

我要做的就是将复选框与我里面标签的最右边对齐。我尝试使用右浮动，但复选框不会与我的标签保持在同一行。

请帮助。

Answer 1

我不知道它来自何处，但是如果您将保证金设置为0，则可以使用

input {
    float: right;
    margin: 0;
}

JSFiddle

Answer 2

I put together a quick jsfiddle

如果我理解你的话，上面的解决方案就会做到。基本上给每个<li> position:relative然后在每个输入上设置position:absolute; right:0。

当然，更多的信息和代码可以帮助我们了解最新情况。