（Rails）ラジオボタンがテキストと並んでいません

Question

とff.radio_button.と一致してほしいですが、今は私の見解は非常に離れていて、並べていません。どうして？ 私はこの問題にCSSタグを追加しました。これは、CSSの問題で、レールの問題がある場合に備えています。

これは私のコードです：

<%= form_for([@user, @submitted_quiz]) do |f| %> 
<%= f.hidden_field :quiz_id, :value => @quiz.id %> 
<%= f.hidden_field :name, :value => @quiz.name %> 

<% @quiz.questions.each do |question| %> 
<div class = "questions" > 
<%= f.label question.content %> 

<%= f.fields_for (:submitted_answers) do |ff| %> 

<%= ff.hidden_field :question_id, :value => question.id %> 
<div class = 'options'> 
<% question.answers.each do |answer| %> 
<div class = 'radio'> 
<%= ff.radio_button :content, answer.content %> 
<%= ff.label :content, answer.content %> 

</div> 
<% end #answer.each do %> 
</div> 
<% end #fields_for (:submitted_answers) do %> 

</div> 
<% end #questions.each do %> 


<%= f.submit %> 
<% end #form_for %> 

Answer 1

はあなたのラベルの内側にあなたのラジオボタンを入れてみてください。

<div class="radio"> 
    <%= ff.label :content do %> 
    <%= ff.radio_button :content, answer.content %> 
    <%= answer.content %> <!-- this will make the text appear after the radio button --> 
    <% end %> 
</div> 

更新：ここでは、この

<label> 
    <input type="radio" ... /> 
    Foo 
</label> 

同様

Fooはないの前にラジオボタンの後に現れます。