ruby-on-rails - 两行不同的 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;
}

检查这个http://jsfiddle.net/nuyqd/