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/