复选框和单选按钮的CSS定位

Question

我正在尝试根据Antonio Lupetti的一篇简短文章创建一个简单的CSS表单，但在他的示例中，他没有向您展示如何定位您的收音机或复选框字段。

我希望我的复选框在右边而不是有人能告诉我这两个字段我做错了什么吗？我完全无法看到漂亮的外表。谢谢。

.form_style input[type="checkbox"]{
float:left;
}
.form_style input[type="radio"]{
float:left;
}

http://jsfiddle.net/kFkSh/

Answer 1

这是因为您的目标输入会捕获您的单选按钮和复选框 将atrribute选择器添加到[type ='text']然后从那里继续

Answer 2

由于小提琴包括一个小部分，解释了真/假无线电选项应该在同一行：

为了解决这个问题，请更改：

.form_style input{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
width:200px;
margin:2px 0 20px 10px;
}

对此：

.form_style input{
font-size:12px;
padding:4px 2px;
border:solid 1px #aacfe4;
margin:2px 0 20px 10px;
}