使复选框居中

Question

我不能完全（尝试时只有标签居中）将this checkbox居中到我的“卡片”，我该怎么做？

我尝试了 <center>...</center> 和 Stack Overflow 上的其他 CSS，但我发现没有一个可以工作，所以我在这里寻求帮助。

来源：http://byrushan.com/projects/ma/1-6-1/jquery/dark/form-examples.html

代码：

<div class="checkbox">
    <label>
        <input type="checkbox" value="">
        <i class="input-helper"></i>
        Don't forget to check me out
    </label>
</div>

当前 CSS：https://hastebin.com/aqelapodiy.css

提前致谢。

Answer 1

<center>
<div class="checkbox">
    <label>
        <input type="checkbox" value="">
        <i class="input-helper"></i>
        Don't forget to check me out
    </label>
</div>
</center>

工作得很好，也许你正在添加的其他一些 CSS 阻碍了中心标签

Answer 2

您可以在样式表中编写以下 css：

.checkbox{
display:block;
width:100%;
text-align:center;
}

<div class="checkbox">
    <label>
        <input type="checkbox" value="">
        <i class="input-helper"></i>
        Don't forget to check me out
    </label>
</div>