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;
}