rails radio_button和标签在两个不同的行

Question

我对CSS很新.

我的应用程序中有单选按钮

<%= f.radio_button :gender, true %> <%= f.label :gender, "Male" %>        
<%= f.radio_button :gender, false%> <%= f.label :gender, "Female" %>

但页面显示单选按钮和标签在两个不同的行,如

O
Male
O
Female

我怎样才能在同一条线上制作它？喜欢

  O Male
  O Female

谢谢

同

input[type="radio"], label{
     float:left;
}
label{
 clear:left;
}

页面看起来像

O
Male O
Female

尝试了几种不同的浏览器并且相同.

Answer 1

在你的CSS中写这样的:

input[type="radio"], label{
 display:inline-block;
 *display:inline/*For IE7*/
 *zoom:1;
}

更新

像这样写:

input[type="radio"], label{
     float:left;
    }
input{
 clear:left;
}