将复选框标签设置为右侧或固定位置

Question

这是标准复选框的代码：

<fieldset data-role="controlgroup">
        <legend>Agree to the terms:</legend>
        <input type="checkbox" name="checkbox-1" id="checkbox-1" class="custom" />
        <label for="checkbox-1">I agree</label> 
</fieldset>

如何将复选框的标签（文本）设置为右侧或固定的“px”位置？

像align-right或right: 50px

Answer 1

只需在所需标签中添加样式

<label for="checkbox-1" style="float:right">I agree</label>

Answer 2

classname为标签添加或 ID，如下所示：

<label for="checkbox-1" class="chkbox">I agree</label>

然后为该类添加 css 规则，

 .chkbox {
   padding-left: 10px;
   font-weight: bold;
 }

您可以为标签提供填充、边框或任何您喜欢的样式。

演示：演示小提琴