Html 将复选框居中

我不能完全（只有标签在我尝试时居中）居中到我的“卡”，我怎么能做到

我尝试了

…

和在堆栈溢出上找到的其他CSS，但没有找到一个可以工作的CSS，所以我在这里寻求帮助

资料来源：

代码：

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

别忘了看看我

当前CSS：

提前谢谢。

别忘了看看我

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

.checkbox{
显示：块；
宽度：100%；
文本对齐：居中；
}

别忘了看看我

请在问题中包含相关的源代码。很多人不会点击/打开未知链接。您好@NewToJS，谢谢。我做到了。添加

文本对齐：居中到您的
复选框
div样式@这对我不起作用，只是标签居中。这对我不起作用，只有标签居中@乔安娜森林，我告诉你。您正在添加一些额外的css。可能是外部样式表。要么把它添加到问题中，要么检查一下。这一定是定义了复选框的外观，并且可能覆盖了您在此处指定的内容。我添加了我在问题中使用的源（模板）。我试图在css文件中搜索，但我对css非常不熟悉，所以我什么都做不了。@Joannafrest请听评论，并将代码放在问题中。观众不必做额外的工作来理解你的问题。如果你对css不太在行，你应该花一天的时间来解决这个问题，然后再回到这个问题上来。我补充道。这对我不起作用，只是标签居中。prntscr.com/h30rxztry，为输入添加属性[type=checkbox]。如果它也不工作，那么在这里添加您的代码。谢谢。它似乎不起作用，我在问题中添加了代码：）该链接不可访问