css - HTML5 / CSSでチェックボックスをどのように揃えますか

Question

私が開発している小さなウェブページの中央にラベルを付けてチェックボックスを揃えようとしていますが、方法がわかりません。はい、グーグルで検索しました!

私のウェブページhttp://www.sithhappens.netでソースを表示できます(すべての CSS がモバイル ビュー用に行われますが、モバイルに電話をロードします (デスクトップ ビューは後で提供されます)。

また、 http: //www.sithhappens.net/iphone.css で CSS を参照してください。

Answer 1

HTML5 ではありませんが、動作します:

http://jsfiddle.net/gYCQz/

CSS:

input
{
  display: inline;
}
body
{
  text-align: center;
}

HTML4+:

<input type="checkbox" value="Test" />&nbsp;Test

Answer 2

中央にチェックボックスが必要な場合は、これを使用します

<div>
<input type="checkbox" value="Test" />
<div>

次に、必要に応じて text-align(right,left,center) を使用できます。また、使用できます

<div align="center">


</div>

すべてのタグから margin-bottom を削除して、幅と高さを指定します。