チェックボックスの中央揃え

Question

私は完全に（私が試してみるとラベルが中央になる）センターthis checkboxを私の「カード」に入れることはできません。どうすればいいですか？

私は<center>...</center>と他のCSSをStack Overflowで見つけましたが、見つかった人はいませんので、ここで助けてください。

出典：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があなたのスタイルシートに次のCSSを書くことができ、中央タグ

Answer 2

で妨害され、絶対に罰金作品：

.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>